Pagespeed resized images low quality Pagespeed resized images low quality nginx nginx

Pagespeed resized images low quality


mod_pagespeed should only resizes images if you have set explicit width and height attributes in your HTML and the resize_images filter is enabled. Is this image being resized to the wrong size for your site? Or do you have explicit width and height attributes, but still want the image at full size for some reason (ex: Retina display, zoom)?

You can turn this mod_pagespeed feature off with:

pagespeed DisableFilter resize_images;


Have to say I cannot see the diff in your 2 photos either.That said, I think the setting you're after is:

ModPagespeedImageRecompressionQuality -1

See: https://developers.google.com/speed/pagespeed/module/filter-image-optimize#recompressionquality

This keeps all the image_rewrite filters working, but enables lossless compression when recompressing images.


Well, you should just modify which filters are enabled. Look here: https://developers.google.com/speed/pagespeed/module/filter-image-optimize.

You're probably using pagespeed EnableFilters rewrite_images; to optimize the images. Don't. (If you're not, then I'll change my answer).

rewrite_images is an alias for inline_images,recompress_images,convert_png_to_jpeg,resize_images, so just enable the ones you need:

pagespeed EnableFilters inline_images,resize_images

If you're not using nginx, then just use the appropriate Apache syntax or the correct filters if you're using the Pagespeed cdn service.


I honestly don't see a difference on my screen (not using a retina display). So Google might not be serving the right image in that it isn't respecting the difference for retina.

Look here: http://code.tutsplus.com/tutorials/the-right-way-to-retinafy-your-websites--net-31793

Looking at how the PageSpeed service (the scoring one not the module / cdn) scores things helps explain the logic behind the module / cdn because the latter follows the evaluative logic of the former.

Fix Google PageSpeed's "Serve scaled images" for responsive layout

A quick jab via Twitter: https://twitter.com/hkfoster/status/303480645785624578

Basically: if the problem is with retina screens, then you should just turn off the resize_images filter.