-
Posts
-
Working on my first Enfold based site. I created a post slider and it’s functioning really well, except for the featured images appear blurry on mobile. I researched this forum and trying a few different implementations, but nothing seemed to resolve the issue. Any help would be appreciated.
Hey web_tco,
Thanks for the link, though the post slider images look good on my end when checking on iphone6/chrome. In what browser/device are you seeing that?
Best regards,
RikardTested on iphone 5 and iphone 6+ in safari and chrome. Across the board on these two devices, the images look blurry. They’re not super pixelated, but they are just blurry enough that reading the information on the images is very difficult. Just to clarify what section of the home page this is, it is the section under What We’re About. The first image is currently entitled Coffee Talk. Thanks for looking into this!
Hey!
I checked your website on my iphone 5s and image looks pretty clear to me as well. Could you please try uploading image in bigger size and check if that makes it more clearer for you?
Cheers!
YigitAlso, I just tested on two Android phones without issue, so it must be related to iPhones specifically.
Hi,
Thanks for the feedback, though I still can’t see any blurryness on my end using iphone6/chrome. Could you upload a screenshot of what you are seeing on your end please?
Best regards,
RikardThere is a noticeable difference in quality between iPhone and Android. Both of these images were taken while using Chrome.
Hi,
What if you disable the srcset attribute? Please add this code in the functions.php file.
// disable srcset attribute add_filter('max_srcset_image_width', create_function('', 'return 1;'));Please make sure that you’re not looking on a cached version of the page.
Best regards,
IsmaelI added this function and see that the function is working, but it has not changed the blurry-ness of the images on iPhones.
My images now only have one source, which is the natural images. I thought this solution would work, since my images are naturally 960px wide and iPhones are less than half of that.
I am clearing my cache constantly while testing this. I even scoured our office for an iPhone that hadn’t visited the site before and even on that device the images still have that blurry look to them.Hopefully we find a solution soon. Thanks for your continued help!
Hi,
What if you double the size of the image? Is the screenshot taken from iPhone 6 plus or is it from iPhone 5? The iPhone 6 plus has a higher ppi (401) compare to iPhone 5. Are the images sharper on iPhone 5?
Best regards,
IsmaelThe screenshot is from an iPhone 5. And I did double the size of one of the images at the beginning of this week and have not seen a difference. The image titled Conversations is the image that has a doubled image size (1920 x 1070), but it is about to unpublish tomorrow. I can double the size of one of the other images on Monday.
Hi,
The images look really sharp on my iPod Touch and iPad 2, probably because they don’t have retina displays. Using images that is twice the size of the actual container should fix it. I’m not sure why it’s not working on your site. Did you check it on other iPhones?
Best regards,
IsmaelDon’t worry about it. I just decided to have the post slider change to a SmartSlider on mobile. Looks clear now. Thanks for all your investigating!
- The topic ‘Post Slider Blurry Images on Mobile’ is closed to new replies.