Google PageSpeed Insights优化图像压缩和调整大小

时间:2015-05-06 14:47:21

标签: image jpeg image-compression google-pagespeed

Google PageSpeed Insights说我应该压缩并调整几张图片的大小。

以下是一个例子:

enter image description here

我使用Photoshop的Save for Web JPEG High预设保存了这张图片:

enter image description here

我可以对此图片做些什么来避免Google的“压缩和调整大小”警告?

3 个答案:

答案 0 :(得分:1)

这对我有用,JPEG对于PageSpeed Insights来说是安全的。

档案> Save for Web&设备

enter image description here

您不仅需要找到正确的压缩设置,还需要坚持img标记的实际尺寸。如果您知道img标记的最大宽度为555像素,那么将JPEG保存到该维度,而不是更多像素...就视网膜显示效果而言,Google似乎没有采用此标准现在在帐户里。

如果您对最终质量感到不满意(如果您有设计师电子商务网站,则可能就是这样),您需要绕过谷歌推荐 - 知道它可能会略微惩罚您的搜索引擎优化而不是实际遵守该规则的其他人。 / p>

答案 1 :(得分:0)

由于图像似乎有少量不同的颜色,如果您将其导出为gif或png-8,则可能会得到更小的图像。 Sitepoint有一个有用的article on when to choose which image format

答案 2 :(得分:0)

您没有提及使用Chrome扩展程序或主网站?假设前者您可以通过点击“此页面的建议”下的“查看优化内容”链接来实际下载图像的优化版本。

我在这里:

enter image description here