Blurry images

  • mlchrt

    (@mlchrt)


    6 years, 10 months ago

    Hey, i got a problem with blurry images. My console is clean but my links look like this:

    https://cdn.shortpixel.ai/client/q_lqip,ret_wait,w_1600,h_1067/https://domain.com/wp-content/uploads/picture.jpg

    Any guesses what I should do? Only having problems with backgrounds implemented like this:
    <div class="background-image-holder" style="background: url(" https:="" cdn.shortpixel.ai="" client=""> <noscript><img width="1600" height="1067" src="https://cdn.shortpixel.ai/client/q_lossless,ret_img,w_1600/https://domain.com/wp-content/uploads/picture.jpg" class="attachment-full size-full" alt="" srcset="https://cdn.shortpixel.ai/client/q_lossless,ret_img,w_1600/https://domain.com/wp-content/uploads/picture.jpg 1600w, https://cdn.shortpixel.ai/client/q_lossless,ret_img,w_300/https://domain.com/wp-content/uploads/picture-2-300x200.jpg 300w, https://cdn.shortpixel.ai/client/q_lossless,ret_img,w_768/https://domain.com/wp-content/uploads/picture-2-768x512.jpg 768w, https://cdn.shortpixel.ai/client/q_lossless,ret_img,w_1024/https://domain.com/wp-content/uploads/picture-2-1024x683.jpg 1024w" sizes="(max-width: 1600px) 100vw, 1600px" /></noscript><img width="1600" height="1067" src="https://cdn.shortpixel.ai/client/q_lqip,ret_wait,w_1600,h_1067/https://domain.com/wp-content/uploads/picture.jpg" data-src="https://cdn.shortpixel.ai/client/q_lossless,ret_img,w_1600/https://domain.com/wp-content/uploads/picture.jpg" class="lazyload attachment-full size-full" alt="" data-srcset="https://cdn.shortpixel.ai/client/q_lossless,ret_img,w_1600/https://domain.com/wp-content/uploads/picture.jpg 1600w, https://cdn.shortpixel.ai/client/q_lossless,ret_img,w_300/https://domain.com/wp-content/uploads/picture-2-300x200.jpg 300w, https://cdn.shortpixel.ai/client/q_lossless,ret_img,w_768/https://domain.com/wp-content/uploads/picture-2-768x512.jpg 768w, https://cdn.shortpixel.ai/client/q_lossless,ret_img,w_1024/https://domain.com/wp-content/uploads/picture-2-1024x683.jpg 1024w" data-sizes="(max-width: 1600px) 100vw, 1600px"></div>

    Any ideas? Thank you! 🙂

    Edit: When disabling the lazy load option and the webp-Option the pictures will be displayed normal? So there needs to be a problem with the lazy load, but there are no errors showing.

Viewing 1 replies (of 1 total)
  • Plugin Author Optimizing Matters

    (@optimizingmatters)

    6 years, 10 months ago

    based on your description indeed the problem is the “low quality image placeholder” (lqip) images are not replaced by the real ones by the lazy-load script, so looks like a JS problem. if you can activate it somewhere I’ll be happy to try to find out what’s wrong.

    frank

Viewing 1 replies (of 1 total)

The topic ‘Blurry images’ is closed to new replies.