Support » Fixing WordPress » WordPress 5.5 blurred my images

  • mario738

    (@mario738)


    Hello,

    Ever since updating to WordPress 5.5, all of my images and their thumbnails (including my logo) has gotten noticeably blurry and loss the sharp quality they had. This has happened across multiple sites I run using different themes.

    • This topic was modified 2 months ago by mario738.
Viewing 9 replies - 1 through 9 (of 9 total)
  • Moderator t-p

    (@t-p)

    mario738

    (@mario738)

    That link is great and all but I had everything already scaled correctly hence why the images were originally sharp and I had this verified on multiple displays.

    Now, ever since the update to 5.5, those same images appear blurry and they lost that high-fidelity they had. This must be related to this update.

    I wouldn’t doubt this is related to that new image lazy load feature.

    • This reply was modified 2 months ago by mario738.
    Website Rob

    (@website-rob)

    You can confirm that by disabling the lazy load enabled by 5.5

    https://wordpress.org/plugins/disable-lazy-loading/
    Disable Lazy Loading

    Does one thing: disables WP Lazy Load feature enabled in v5.5.

    lutzf

    (@lutzf)

    The new ‘5.5 blurriness’ definitely appears with JPG and PNG images in Chrome. No matter how correctly the images are scaled.

    Firefox and Edge still displaying sharp images. I can’t check the image quality in Safari.

    @website-rob Using that Disable Lazy Loading plugin (by Jeff Starr) does not change image sharpness. Images are still blurry.

    I’ll keep trying.

    mario738

    (@mario738)

    Yep, I just checked Edge and Firefox and the images are still sharp, blurriness appears to be only in Chrome.

    It feels like 5.5 has broken more than it has fixed.

    rsgja

    (@rsgja)

    I have the same problem. Every image on the site while using Chrome is slightly blurry while Firefox looks normal. This includes all inventory items in WooCommerce. The backend admin interface seems slow as well but that’s a different issue.

    Moderator t-p

    (@t-p)

    blurriness appears to be only in Chrome.

    Report this issue with chrome to the author of your theme, so that they can take action as appropriate.

    lutzf

    (@lutzf)

    A quick hotfix could be this line for the (child) theme’s style.css:

    img {
    	image-rendering: -webkit-optimize-contrast;
    }

    The edges are a little rough on some png images with transparency in it. But the sharpness comes close to those of Firefox or Edge. I hope it helps at the moment.

    • This reply was modified 2 months ago by lutzf.
    • This reply was modified 2 months ago by lutzf.
    rsgja

    (@rsgja)

    “Report this issue with chrome to the author of your theme, so that they can take action as appropriate.” How about an explanation for what changes need to be made? If WordPress updated and nothing else changed, then something in the WordPress update is causing the problem. Pushing it off to the theme developer is not helpful.

Viewing 9 replies - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.