Blurry Images using Smush

Hi @morenaf,

Thank you for contacting us.

I’m currently not seeing the images being blurry at the homepage. Is there any specific page and images that are showing blurry?

Also, it may be possible that when you enabled the resize option, this could have had a conflict with your plugin Jetpack(in case performance > image optimization was enabled) or Total cache(js assets optimization). I would suggest deactivating the Jetpack performance settings and Total Cache optimizations and recheck enabling resize option from Smush.

Best,
Jonathan S

Hi, I have checked both Jetpack and W3 cache and the images functionality or JS minifying on those are not activated. I use Cloudflare though were images are not touched, but JS and CSS are minified. I have tried disabling those and clearing the caches but the images are still blurry.

Can you see on the homepage the Bee product’s writing being blurry? https://snipboard.io/Nd2DH8.jpg and you can compare the photo of the boy for the product “Children’s Personalised Placemat, Mug and Coaster Gift Set” to the same photo in the instagram feed at the bottom of the page, the first photo is definitely less sharp and less vivid than the instagram feed.

Can you please help?

Hi @morenaf

Sorry for the delay here.

Could you please try to disable the Lazy Load on Smush > Lazy Load and see if makes any difference?

Are you checking the images on the Apple device?

If so, this can happen because the image is loading the container size while the retina devices require a 2x size.

https://www.sleeplessmedia.com/2018/12/14/optimizing-website-images-and-graphics-for-retina-displays/

Let us know the result you got.
Best Regards
Patrick Freitas

Hi @morenaf

I hope you are doing well and safe!

We haven’t heard from you in a while, I’ll mark this thread as resolved.

Feel free to let us know if you have any additional question or problem.

Best Regards
Patrick Freitas