Extremely blurry images

Resolved jesusginard
(@jesusginard)

7 years ago

Hi there,

I installed this plug-in and turned on the ShortPixel features for image optimization. I get this results all over the website:

Original:
https://www.wavesfactory.com/wp-content/uploads/sambadrums_background2.png

ShortPixel:
https://cdn.shortpixel.ai/client/q_lqip,ret_wait/https://www.wavesfactory.com/wp-content/uploads/sambadrums_background.png

This makes the plug-in unusable. What can I do to fix this?

Viewing 10 replies - 1 through 10 (of 10 total)

Plugin Author Optimizing Matters
(@optimizingmatters)

7 years ago

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

Thread Starter jesusginard
(@jesusginard)

7 years ago

Correct, it doesn’t happen.

Plugin Author Optimizing Matters
(@optimizingmatters)

7 years ago

OK, so what JS errors do you see on the browser console?
MagineM
(@maginem)

6 years, 10 months ago
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 6 years, 10 months ago by MagineM.
MagineM
(@maginem)

6 years, 10 months ago

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

Plugin Author Optimizing Matters
(@optimizingmatters)

6 years, 10 months ago

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

MagineM
(@maginem)

6 years, 10 months ago

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

Plugin Author Optimizing Matters
(@optimizingmatters)

6 years, 10 months ago

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

olywebdev
(@olywebdev)

6 years, 7 months ago

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
Plugin Author Optimizing Matters
(@optimizingmatters)

6 years, 7 months ago
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

Viewing 10 replies - 1 through 10 (of 10 total)

The topic ‘Extremely blurry images’ is closed to new replies.

Tags