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

Question

Google PageSpeed Insights表示我应该压缩并调整几个图像的大小。

这是一个例子：

我使用Photoshop的“ Web JPEG高保存”预设保存了此图像：

我如何处理这张图片，以避免Google出现“压缩和调整大小”警告？

Answer 1

这对我和JPEG来说都是行之有效的，因为它是PageSpeed Insights的安全方面。

文件>保存用于Web和设备

您不仅需要找到正确的压缩设置，还需要坚持img标签的实际尺寸。 如果您知道img标签的最大宽度为555像素，然后将JPEG保存为该尺寸，而不是再增加一个像素...至于其与视网膜显示的配合情况，看来Google目前未考虑此标准。

如果您对最终的质量不满意（如果您拥有设计师电子商务网站，则可能会感到满意），则需要绕过Google的建议-知道它可能会对您的SEO稍有不利于实际上坚持这一规则的其他人。

Answer 2

由于图像似乎只有少量的不同颜色，如果将其导出为gif或png-8，则可能会得到较小的图像。 Sitepoint上有一篇有关何时选择哪种图像格式的有用文章 。

Answer 3

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

在这里：