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擴展程序還是主要網站？ 假設是前者，您實際上可以通過單擊“此頁面的建議”下的“查看優化的內容”鏈接來下載圖像的優化版本。

在這里：