How to resolve Blurry Images
-
Hi, I have deactivated Smush and Woodmart’s Image Optimizer along with Litespeed Caches lazy-loading, but my Promo Banners are still looking blurry, even though their sizes are 2000x1125px. I have changed Woocommerce sizes too but nothing is helping. Kindly guide me how to resolve this issue. I have attached my website, please visit. Thank you in advance
Hello,
I have checked your site, and the promo banners are showing fine on the home page. Can you please share some screenshots for a better understanding of where the banners are showing blurry?
Best Regards
Product images are working properly fine. But promo banners and images in slider revolution are scaled to smaller sizes. I have recently uploaded an image of size 6000 by 3375 pixels but it scaled to smaller size of 2560 by 1440 pixels. No compression plugin is working at the moment. I have attached blurry picture and mentioned its actual size before scaling.
Attachments:
You must be
logged in to view attached files.
Hello,
I have checked the image, and this is not related to the WoodMart theme. WordPress is automatically generating and using a scaled version of the image (-scaled.png) for very large uploads.
For more details, follow this guide: https://make.wordpress.org/core/2019/10/09/introducing-handling-of-big-images-in-wordpress-5-3/
Best Regards
Sir, I need a solution on how to fix this. Kindly guide me
Hello,
The issue is caused by WordPress core functionality, not by the WoodMart theme.
If you want WordPress to use the original full-size images instead, you can disable this behavior by adding the following code to your child theme’s functions.php
add_filter( 'big_image_size_threshold', '__return_false' );
After adding the code, try to reupload the image and check how it works.
Hope this Helps!
Best Regards,
Can I add this code using Code Snippet plugin?
Hello,
Yes, you can add code using the Code Snippets plugin instead of editing your child theme’s functions.php file.
Best Regards
Hi, I added this code and I think it is working fine:
// Force WordPress to keep JPEG and WebP images at full 100% quality
add_filter( ‘jpeg_quality’, function() { return 100; } );
add_filter( ‘wp_editor_set_quality’, function() { return 100; } );
// Stop WordPress from downscaling large images (-scaled.jpg)
add_filter( ‘big_image_size_threshold’, ‘__return_false’ );
Can you please check now?
Hello,
Thank you for the update.
It looks like the code is now working correctly on your site.
To make sure everything is fully applied and you get the best image quality, please also do the following:
– Re-upload the affected images after adding the code (recommended)
– Clear all cache (LiteSpeed / server/browser)
After completing these steps, WordPress will serve the full-size original images correctly, and the blur issue should be fully resolved.
Best Regards
Previously I deactivated all caching and image compression plugins, can I make them active now?
Hello,
Yes, you can reactivate your caching and image optimization plugins and then check how the images look.
However, after enabling them, please review their settings carefully and make sure that image compression, image resizing, or image replacement features are not reducing the image quality.
Also, clear all caches after reactivating the plugins and test the affected images.
Best Regards
.
