Blurry images in version 4.9.8

  • We recently updated to WordPress 4.9.8 with twentyseventeen theme and we are now experiencing an issue with blurry images for larger images. I have done some troubleshooting on the plugin side and was not able to pin this issue to any of the plugins; issue still occurring when plugins are disabled.
    We have to environments; Dev and Production with slight differences in the hosting side and this issue is present in both environments.
    All plugins are also updated to the latest version and release.
    I have been able to narrow down what is happening on the page, but not the root cause.
    For example, below is an image element with the original image source and size and the responsive sizes. Regardless of the original size, the images displayed on the page are always the “600w” image but at the bigger size resulting in pixelated images.
    I was hoping someone could point me in the right direction to resolve this issue or if it has been experienced by others.
    <img class="alignnone wp-image-7975 size-full" src="https://www.uniprint.net/wp-content/uploads/2018/07/xsecure-printing-microsoft.jpg.pagespeed.ic.ifIJwzM6e1.webp" alt="secure printing Microsoft" width="792" height="197" srcset="https://www.uniprint.net/wp-content/uploads/2018/07/xsecure-printing-microsoft.jpg.pagespeed.ic.ifIJwzM6e1.webp 792w, https://www.uniprint.net/wp-content/uploads/2018/07/xsecure-printing-microsoft-300x75.jpg.pagespeed.ic.maMI1UaQ7N.webp 300w, https://www.uniprint.net/wp-content/uploads/2018/07/xsecure-printing-microsoft-768x191.jpg.pagespeed.ic.d-EL-ao8fI.webp 768w, https://www.uniprint.net/wp-content/uploads/2018/07/xsecure-printing-microsoft-600x149.jpg.pagespeed.ic.QK2vAiDWIu.webp 600w" sizes="(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px" data-pagespeed-url-hash="16380803" onload="pagespeed.CriticalImages.checkImageForCriticality(this);">

    Thanks in advance for your help.
    Mario

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)

  • See whether switching from gmagick to imagick or to gd image processing PHP modules makes a difference. It usually does. I prefer to use imagick.

    Another item to check is the compression rate set for image processing. WordPress lowered it to something silly like 82 in WP 4.5. If the theme has been updated and the correct image compression filter was set in the parent theme’s functions.php file then you’ll notice a drop in image quality (functions.php will have been overwritten).

    Use either a plugin to add image quality settings (like this one in the WP repo) or use the filter in your child theme’s functions.php file.

    This sets the quality to no compression i.e 100% quality / disables JPEG compression:

    add_filter('jpeg_quality', function($arg){return 100;});

Viewing 1 replies (of 1 total)
  • The topic ‘Blurry images in version 4.9.8’ is closed to new replies.

Tags