Extremely blurry images

Hey jesusginard;
The lqip image is but the lazyload placeholder and will (should) be automatically be replace by the real image (https://cdn.shortpixel.ai/client/to_webp,q_glossy,ret_wait/https://www.wavesfactory.com/wp-content/uploads/sambadrums_background.png) when lazyloading kicks in. Does this not happen?

kind regards,
frank

Correct, it doesn’t happen.

OK, so what JS errors do you see on the browser console?

Hi,

Same problem here. The main image on my homepage is very blurry. If I force refresh (CTRL + F5) the page it loads correctly, but if I go away and come back it’s blurry again.

Site: https://www.paragontech.co.za/

• This reply was modified 5 years, 3 months ago by MagineM.

I just disabled the “Optimize images on the fly and serve them from Shortpixel’s global CDN.” option and the image loads properly again.

you have configured the images for lossy optimization, can you try switching to glossy or lossless?

Thanks, that seems to work (set it to glossy). ??

happy it works maginem, feel free to leave a review of the plugin and support here! ??

I’ve tried all of these steps, switching to glossy back to lossy. Turning off image optimization off and back on. I thought this could be a caching issue or CDN issue (we have CDN through WPEngine) but the actual link to the image on shortpixels cdn shows a blurry image:

https://cdn.shortpixel.ai/client/q_lqip,ret_wait,w_500,h_500/https://st-johnschool.org/wp-content/uploads/2019/10/Auction-Logo-2-Canva-Formatted-2019.png

morning olywebdev;
those are the “low quality image placeholders” that are (very briefly) shown before the full image gets lazyloaded as seen in the screenshot below. if you prefer those lqip’s not being loaded, you can tell AO so with this code snippet;

add_filter('autoptimize_filter_imgopt_lazyload_dolqip','__return_false');

hope this helps,
frank