September 28, 2013 at 3:19 pm #167561
The first image shown in the blog via the slider shows-up as a blurry image, they look fine in a lightbox. Tried regenerating files to no avail.
Any other suggestions.
Thanks JoeSeptember 29, 2013 at 3:55 am #167756
The slider images look sharp on my end. What browser and OS are you testing it with?
IsmaelSeptember 29, 2013 at 2:12 pm #167818
Good to”hear” from you.
I have tested the site with Chrome, Safari and Firefox all give the same slightly blurry image on the Blog page. I am using a iMac 27 inch calibrated monitor, so that is not an issue. The image is definitely not as “sharp” on the Blog Page as it is in the lightbox.
Is there as overlay that can be removed that can have an effect on the image resolution? I have set it to transparent. Any other suggestions?
Thanks again for the quick response.
JoeSeptember 30, 2013 at 6:57 pm #168270
There is no overlay or any effects use on top of the image. The only solution I can think of is to crop the image to 921x614px before uploading. This will render the image on the gallery as it is and it won’t be affected by css resizing.
IsmaelOctober 1, 2013 at 5:25 am #168552
Thanks Ismael, I will give that a try and let you know how it works.
Regards, JoeOctober 2, 2013 at 12:42 pm #169273
I re-sized the image as suggested and it didn’t make a difference still looking blurry on my side in the post before going to the lightbox, even cleaned my eye glasses.
The image seems to lose focus in the post, but looks fine in the lightbox.
If you have any other ideas let me know. This is a real issue for photo galleries!
JoeOctober 3, 2013 at 3:38 am #169724
You didn’t resize the image. The size is still 1024x683px.
<img class="rsImg rsMainSlideImage" src="http://joeligammari.com/wp-content/uploads/2013/08/Shore-Road-Brooklyn_JFL7686-Edit-1024x683.jpg" style="width: 921px; height: 614px; margin-left: 4px; margin-top: 4px;">
Also, it might be because of Retina Display on MAC. Let’s wait for Kriesi’s response. He can check this on MAC OS.
IsmaelOctober 3, 2013 at 5:44 am #169748
Thanks again for looking into this issue.
As I said previously the issue has been with the blog post pages not my front page images that you have indicated. Actually all my images has been regenerated and they are automatically regenerated at a size of 930x620px by the Propulsion theme function and the Rengen Plugin.
I really do not think this is the issue since all images look great in the Lightbox. The best test is to look at my latest blog post feature image on the post and then in the lightbox, there is a significant quality increase (at least to me) in the Lightbox view.
Sorry for the confusion.
Regards JoeOctober 6, 2013 at 9:31 am #171074
Have you really tried cropping the image first to 921x614px before uploading? This will render the image on the gallery as it is and it won’t be affected by css resizing. Can you please create a test page with the same setup as the gallery and upload a 921x614px image of Shore-Road-Brooklyn?
IsmaelOctober 8, 2013 at 9:21 pm #172402
Thanks for the response.
Please look at my Blog Post – Photoville NYC 2013 – the Gallery image in the post is equally 921x614px and there is still a big difference in the quality of the image in my eyes between the Lightbox and Gallery image.
I guess I will have to live with the issue for now.
JoeOctober 10, 2013 at 4:29 pm #173678
The image used on the single blog post are not the full size image so you need to change the size of that image via the functions.php or this plugin: http://wordpress.org/extend/plugins/simple-image-sizes/
Look for the image size with these specs: 630×420 . Change it to 690 width and 460+ height.
Then regenerate your images so that they get the new size.
DevinOctober 11, 2013 at 3:10 pm #174176
I tried your suggestion and it does look better. Thanks.
Also, I am considering purchasing Enfold. Is it similar to Propulsion in terms of page and post content? Will there many changes required to my existing site using Propulsion or is it a pretty easy transition?
Thanks again for your help. Best support around.
JoeOctober 13, 2013 at 4:15 am #174718
Enfold is a bit different from Propulsion. There will be a lot of changes. You might need to start your website from scratch if you purchase Enfold.
IsmaelOctober 13, 2013 at 6:37 am #174729October 14, 2013 at 4:21 am #174930
The topic ‘Blurry Blog Image’ is closed to new replies.