2014-10-09 91 views

回答

1

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

看起来Google Pagespeed有时会调整图像大小(不仅会压缩它们)。 你可以在这里阅读更多: Weird pagespeed URL for PNG image?

如果你真的想深入钻研有关的PageSpeed图像压缩属性的不同,你可以在谷歌的PageSpeed文档阅读更多: https://developers.google.com/speed/pagespeed/module/filter-image-optimize

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

1

那么,你应该只修改启用了哪些过滤器。看这里: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的,那么就用相应的Apache语法错误或正确的过滤器,如果你”重新使用Pagespeed cdn服务。


我老实说,在我的屏幕上看不到差异(不使用视网膜显示器)。因此Google可能无法提供正确的图像,因为它不尊重视网膜的差异。

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

望着PageSpeed服务(得分一个不是模块/ CDN)分数事情如何帮助解释模块/ CDN背后的逻辑,因为后者跟随前者的评价逻辑。

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

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

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

+0

我使用rewrite_images是的。我禁用了recompress_images(我想我可以离开convert_png_to_jpg,因为我没有PNG),但是调整大小的图像的质量是相同的 – fede91it 2014-10-10 16:05:21

+0

为什么不只是关闭resize_images呢? Pagespeed确实是修正不太优化的编码实践和服务器配置的捷径。例如,精神病是一种痛苦,但Google会为你做。在这种情况下,pagespeed提供给您的用于调整图像大小的额外速度太多了。如果你想调整图像大小,那么你可以自己做。如果图像需要动态调整大小(用户上传的内容),那么你可以使用GD或imagemagick做到这一点.. – 2014-10-10 19:28:30

+0

我更新了答案一点,以反映上述有关视网膜屏幕的评论,据我所能推测,似乎是问题所在。 – 2014-10-10 19:46:05

2

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

您可以关闭该功能的mod_pagespeed了与:

pagespeed DisableFilter resize_images;