Why Your WebP Images Might Look Blurry and How to Fix It
Content
Many users of the 'Converter for Media – Optimize images | Convert WebP & AVIF' plugin report that their converted WebP images appear blurry or suffer from a noticeable loss in quality. This is a common concern, especially for photographers and site owners who prioritize visual fidelity. Let's break down why this happens and the steps you can take to resolve it.
Why Does This Happen?
The plugin generates WebP files from the image files present in your WordPress /uploads directory. This is a crucial detail. If you have previously used another optimization plugin (like Smush or reSmush.it) that compressed your original JPG or PNG files, the 'Converter for Media' plugin uses those already-compressed files as its source. This means the conversion process is starting from a lower-quality image, which can lead to a further, more noticeable loss in quality in the final WebP output—a effect often called "double compression."
Furthermore, the plugin's default conversion quality settings might not be the ideal sweet spot for your specific images, potentially exacerbating the issue.
Common Solutions
1. Adjust the Plugin's Quality Setting
The plugin allows you to control the conversion quality. A higher percentage results in better quality but larger file sizes. Based on community feedback and testing, a quality setting of 92% is often considered a great balance between visual fidelity and file size reduction, sitting between the plugin's default 90% and 95% options. Experiment with this setting to find what works best for your images.
2. Optimize Your Source Images Correctly
Since the plugin uses the files in your /uploads folder, the quality of your WebP images is directly tied to the quality of those originals. The 'Converter for Media' team suggests that pre-optimizing images with another tool before WebP conversion is often unnecessary and can be counterproductive. For the best results:
- Upload High-Quality Originals: If possible, upload images that have not been heavily compressed by other plugins first.
- Check WordPress Compression: WordPress compresses uploaded JPGs to 82% quality by default. If you require the highest quality, you can use a code snippet in your theme's
functions.phpfile to set thejpeg_qualityto 100. This ensures the plugin has the best possible source material to work with. - Regenerate Thumbnails: After changing WordPress's default compression or uploading new originals, use a regeneration plugin to create new thumbnails from the higher-quality sources. The 'Converter for Media' plugin will then generate WebP versions from these improved files.
3. Understand the Conversion Process
It's important to remember that this plugin creates new WebP files in a separate directory; it does not alter or replace your original uploaded files. Your original JPG and PNG images remain safe and untouched on the server. The plugin uses server-level rules to deliver the appropriate format (WebP, AVIF, or the original) based on the visitor's browser capabilities.
Conclusion
Blurry WebP images are typically a source issue, not a bug in the conversion plugin itself. By ensuring you start with high-quality original images and fine-tuning the plugin's quality setting, you can achieve significant file size reductions while maintaining excellent visual quality on your website.
Related Support Threads Support
-
Optimize JPG manually before converting and optimizing in webP?https://wordpress.org/support/topic/optimize-jpg-manually-before-converting-and-optimizing-in-webp/
-
Open Graph Protocol and Webphttps://wordpress.org/support/topic/open-graph-protocol-and-webp/
-
About image optimization.https://wordpress.org/support/topic/about-image-optimization/
-
Some .webp images are already in my databasehttps://wordpress.org/support/topic/some-webp-images-are-already-in-my-database/
-
Quick Simple Question About Image Optimization Pluginshttps://wordpress.org/support/topic/quick-simple-question-about-image-optimization-plugins/
-
Should we set jpeg_quality to 100 for best results?https://wordpress.org/support/topic/should-we-set-jpeg_quality-to-100-for-best-results/
-
Support for Ecommerce Websiteshttps://wordpress.org/support/topic/support-for-ecommerce-websites/
-
Images loaded after conversionhttps://wordpress.org/support/topic/images-loaded-after-conversion/
-
Compatibility with WP Retina 2xhttps://wordpress.org/support/topic/compatibility-with-wp-retina-2x-4/
-
Converter For Media alongside WPoptimize pluginhttps://wordpress.org/support/topic/converter-for-media-alongside-wpoptimize-plugin/
-
WebP Converter & Existing Optimized Thumbnailshttps://wordpress.org/support/topic/webp-converter-existing-optimized-thumbnails/
-
Couple Questions About Process & Qualityhttps://wordpress.org/support/topic/couple-questions-about-process-quality/
-
Is it compress images?https://wordpress.org/support/topic/is-it-compress-images/
-
Adaptive/responsive imageshttps://wordpress.org/support/topic/adaptive-responsive-images/
-
No lazy load options provided the pluginhttps://wordpress.org/support/topic/no-lazy-load-options-provided-the-plugin/
-
Images quality – 92 step alsohttps://wordpress.org/support/topic/images-quality-92-step-also/
-
Background imageshttps://wordpress.org/support/topic/background-images-45/
-
Image qualityhttps://wordpress.org/support/topic/image-quality-38/
-
WebP and Pagespeedhttps://wordpress.org/support/topic/webp-and-pagespeed/
-
What is right way to use plugin?https://wordpress.org/support/topic/what-is-right-way-to-use-plugin/
-
ABOUT FORMATShttps://wordpress.org/support/topic/about-formats/
-
Any need to resize images or convert?https://wordpress.org/support/topic/any-need-to-resize-images-or-convert/
-
A third option for Image loading modeshttps://wordpress.org/support/topic/a-third-option-for-image-loading-modes/
-
Fallback for browsers not supporting webp?https://wordpress.org/support/topic/fallback-for-browsers-not-supporting-webp/
-
Convert Single Imagehttps://wordpress.org/support/topic/convert-single-image/
-
Is the Original uploaded jpg the Source for webp conversionshttps://wordpress.org/support/topic/is-the-original-uploaded-jpg-the-source-for-webp-conversions/
-
Can I use this plugin?https://wordpress.org/support/topic/can-i-use-this-plugin-2/
-
Are WebP thumbnail images all generated from the original uploaded full-size JPGhttps://wordpress.org/support/topic/are-webp-thumbnail-images-all-generated-from-the-original-uploaded-full-size-jpg/
-
Your plugin support convert other plugins images to webp?https://wordpress.org/support/topic/your-plugin-support-convert-other-plugins-images-to-webp/
-
Is it possible to set the uploaded image to be converted at specific time insteahttps://wordpress.org/support/topic/is-it-possible-to-set-the-uploaded-image-to-be-converted-at-specific-time-instea/
-
Compatible with Smushhttps://wordpress.org/support/topic/compatible-with-smush-3/
-
Optimize images before uploadhttps://wordpress.org/support/topic/optimize-images-before-upload/
-
WEBP Express & Jetpack -> WebP Converter for Media ?https://wordpress.org/support/topic/webp-express-jetpack-webp-converter-for-media/
-
Question: What happens when an image is saved via the browserhttps://wordpress.org/support/topic/question-what-happens-when-an-image-is-saved-via-the-browser/
-
Does it already support just converting to webp ignoring old browsers?https://wordpress.org/support/topic/does-it-already-support-just-converting-to-webp-ignoring-old-browsers/
-
What happens to the images if the browser does not support webp?https://wordpress.org/support/topic/what-happens-to-the-images-if-the-browser-does-not-support-webp/
-
external images converthttps://wordpress.org/support/topic/external-images-convert/
-
Thumbnail Image Compressionhttps://wordpress.org/support/topic/thumbnail-image-compression/
-
Should I Still Use Image Compression?https://wordpress.org/support/topic/should-i-still-use-image-compression/
-
ONLY REDUCE SIZE OF EXISTING IMAGES ON SERVER WITHOUT CREATING NEW FILES ?https://wordpress.org/support/topic/only-reduce-size-of-existing-images-on-server-without-creating-new-files/
-
Retina Imageshttps://wordpress.org/support/topic/retina-images-10/
-
Plugin Doesnt Store Color Profilehttps://wordpress.org/support/topic/plugin-doesnt-store-color-profile/
-
compression if already compressedhttps://wordpress.org/support/topic/compression-if-already-compressed/
-
Does this literally replace images, or add webp versions?https://wordpress.org/support/topic/does-this-literally-replace-images-or-add-webp-versions/