I am trying to figure out the problem stated in the title. Every image/photo I upload to my wordpress site gets slightly blurry. I format them according to my wp theme requirements, however after the image is processed by wordpress and I open the site in a browser I is slightly blurry. This is specially noticeable in Firefox browser.
What am I doing wrong?
I use photoshop to export images for web and on my computer they look just fine. I tried exporting them directly from Illustrator and the same scenario occurs. So I believe its on wordpress side.
Thank you!
Actually WordPress reduce quality of image when you upload it via media uploader. WordPress has built in compression for JPG images. Whenever you upload an JPG/JPEG image to WordPress media library, WordPress will automatically compress your images to 90% of the original quality, this is intended to help your pages load faster and keep file sizes smaller.
You can disable image compression and force WordPress to keep maximum quality images with this function.
// Set image quality
function my_image_quality( $quality ) {
return 100;
}
add_filter( 'jpeg_quality', 'my_image_quality' );
add_filter( 'wp_editor_set_quality', 'my_image_quality' );
