谷歌pagespeed不接受我的形象作爲優化

Question

我想讓我的圖像優化谷歌pagespeed測試。我有一個尺寸爲1200x393的圖片。當我用Photoshop優化圖像時，它的大小約爲250kb，使用Corel時它變爲100kb。 Google也不接受。它說壓縮和調整大小... .jpg可以節省92.6KiB（減少90％）。

如何傳遞的PageSpeed測試？

Answer 1

從Image Optimization：

圖像優化歸結爲兩個標準：優化用於每個圖像像素進行編碼的字節數 ，優化總 數目的像素：該圖像的文件大小是簡單地像素總數爲 乘以用於編碼每個像素的字節數。沒有什麼 更多，沒什麼。

結果，最簡單，最有效的 圖像優化技術之一是確保我們不 運輸任何更多的像素比需要在瀏覽器中將其 預期尺寸顯示的資產。聽起來很簡單，對吧？不幸的是，大多數頁面的許多圖片資產都無法通過此測試：通常，它們會提供更大的資源並依靠瀏覽器重新縮放它們 - 也會消耗額外的CPU資源 - 並以較低的 分辨率顯示它們。 ...

你應該確保不必要 像素數是最小的，並且您的特別大的資產 提供儘可能接近它們的顯示尺寸

常見的錯誤是有大圖像在源中，並在UI上用width和height屬性進行縮放。