Pagespeed调整图像质量低

我不明白为什么Google Pagespeed在resize的过程后降低了图像质量:

这是原始图像: http : //www.architetturaecosostenibile.it/images/stories/2014/smart-for-city-a.jpg

这是调整: http:

我需要resize的图像保持完整的质量,没有任何损失。 我该怎么办?

不得不说,我不能在你的2张照片中看到差异。 这就是说,我认为你以后的设置是:

ModPagespeedImageRecompressionQuality -1 

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

这使所有的image_rewrite过滤器都能正常工作,但在重新压缩图像时可以实现无损压缩。

如果在HTML中设置了显式widthheight属性,并且启用了resize_images过滤器,则mod_pagespeed只应调整图像大小。 这个图像被调整到您的网站的大小错误吗? 或者你有明确的widthheight属性,但仍然由于某种原因需要图像的全尺寸(例如:视网膜显示,缩放)?

您可以关闭这个mod_pagespeed功能:

 pagespeed DisableFilter resize_images; 

那么,你应该修改哪些过滤器是启用的。 看看这里: https : //developers.google.com/speed/pagespeed/module/filter-image-optimize 。

您可能使用了页pagespeed EnableFilters rewrite_images; 优化图像。 别。 (如果你不是,那么我会改变我的答案)。

rewrite_imagesinline_images,recompress_images,convert_png_to_jpeg,resize_images的别名,所以只需启用你需要的:

pagespeed EnableFilters inline_images,resize_images

如果您不使用nginx,那么只要使用Pagespeed cdn服务,就使用适当的Apache语法或正确的过滤器。


我真的没有看到我的屏幕上的差异(不使用视网膜显示)。 所以谷歌可能不会在正确的形象,因为它不尊重视网膜的差异。

看这里: http : //code.tutsplus.com/tutorials/the-right-way-to-retinafy-your-websites–net-31793

看看PageSpeed服务(得分之一,而不是模块/ cdn)得分的事情有助于解释模块/ cdn背后的逻辑,因为后者遵循前者的评估逻辑。

修复Google PageSpeed的“服务缩放图片”以实现响应式布局

通过Twitter快速戳: https : //twitter.com/hkfoster/status/303480645785624578

基本上:如果问题是视网膜屏幕,那么你应该关闭resize_images过滤器。

您可以尝试在图片标签中指定宽度和高度属性。 这可能会解决Google的Pagespeed调整图片大小的问题。

Google Pagespeed似乎有时会调整图片大小(而不仅仅是压缩图片)。 你可以在这里阅读更多: PNG图像的奇怪的pagespeed网址?

如果您真的想更深入地了解有关Pagespeed图像压缩的不同属性,请参阅Google Pagespeed文档: https : //developers.google.com/speed/pagespeed/module/filter-image-optimize

汤姆,希望这能解决你的问题。