最佳化圖片

當 PageSpeed Insights 偵測到網頁上的圖片還可以最佳化,而且縮小後不會造成視覺品質明顯下降,就會觸發這個規則。

總覽

保持使用最低大小的圖片,可以縮短使用者等待資源載入的時間。此外,以適當格式壓縮圖片也能節省不少資料位元組,既為連線速度緩慢的使用者省時,也為有限資費方案的使用者省錢。

建議

建議您對所有圖片執行基本和進階最佳化作業。基本最佳化作業包含裁剪多餘的空白、將顏色深度降低至可接受下限、移除圖片註解,以及將圖片以適當格式儲存。這些工作可以透過任何圖片編輯程式進行,例如 GIMP。進階最佳化作業則涉及進一步 (無損) 壓縮 JPEG 和 PNG 檔案。

使用圖片壓縮程式

目前市面上有許多可進階處理圖片的工具,能讓您無損壓縮 JPEG 和 PNG 檔案,完全不影響圖片品質。對於 JPEG,我們建議使用 jpegtranjpegoptim (僅在 Linux 上提供;與 --strip-all 選項一併執行);對於 PNG,我們建議使用 OptiPNGPNGOUT

選擇合適的圖片檔案格式

建議您自行測試最適合的圖片格式,下方是我們提供的幾點高層次建議:

  • PNG 的效果一般較 GIF 為佳,不過某些舊版瀏覽器對 PNG 可能僅提供部分支援
  • 如果圖片相當小、構圖簡單 (例如小於 10x10 像素,或是調色盤只有不到 3 種顏色) 或包含動畫,請使用 GIF 格式。
  • 如果圖片為攝影風格,請使用 JPG 格式。
  • 請勿使用 BMP 或 TIFF。