Technical SEO 如何處理圖片壓縮與格式優化來增進頁面核心體驗?

在進行技術 SEO (Technical SEO) 優化時,最常遭遇到的問題之一是上傳的圖片沒有壓縮與優化圖片格式導致網站的讀取速度過慢。過大的網頁資源會造成使用者速度體驗不佳,在 Search Console 也跳出核心體驗不良的提示,更甚者進一步會影響 Google SEO 排名,因此做好圖片的壓縮與格式優化是一個網站體質的基本功。

通常建議圖片要壓縮至 1MB 以下並且使用最新的 WEBP 格式;如果可以的話將圖片等比例縮放成多種不同尺寸並在網站內使用 picture 標籤給予不同螢幕大小使用適合的圖片可以更有效的提升網站速度體驗。要注意壓縮圖片雖然可以增加網站的速度體驗,但可能會影響圖片的解析度造成圖片模糊或是畫質不佳,速度體驗與美觀體驗上需要做權衡來決定該如何安排圖片壓縮的策略。

狀況一:使用 WordPress 架設網站

如果你是使用 WordPress 架設網站,你可以安裝許多能協助你壓縮與優化圖片格式的外掛,這邊介紹幾個常見的壓縮外掛。這些外掛都能讓你一鍵無痛的壓縮整站圖片,你無需做任何的額外設定。

外掛名稱說明
Imagify有免費版本,付費版可無限量壓縮,每個月 9 美金
EWWW Image Optimizer有免費版本,付費版本計價方式依用量月費,最低從每月 7 美金起跳
Compress JPEG & PNG imagesTinypng 官方的壓縮外掛,免費版本每月可壓縮 500 張圖片,付費版本依用量計價
常見的 WordPress 圖片壓縮與格式優化外掛

狀況二:使用非 WordPress 架設網站

如果你是使用非 WordPress 架設網站,那麼你會需要洽詢你的網站廠商是否可以協助壓縮與優化圖片格式。以下三點是你可以嘗試與網站廠商溝通的方式:

  1. 請網站廠商開發圖片上傳後可以自動優化圖片的功能 (系統自動)
  2. 請網站廠商開發可選擇優化圖片的功能 (使用者需手動操作)
  3. 請網站廠商撰寫一次性優化整站圖片的程式腳本 (工程師一次性執行)

如果不幸的網站廠商不願意協助你以上三點的任意一點,那麼你只能選擇在上傳圖片前將圖片進行壓縮與格式調整,這邊提供幾個常見可以免費優化圖片的網站:

網站說明
Tinypng免費版ㄧ次上限 20 張圖片,每張圖片最大 5MB
Optimizilla免費無上限
Compress Now免費一次上限 10 張圖片
免費優化圖片的網站

為什麼你該請網站廠商執行圖片優化?

如果你已經上傳許多圖片想要優化,你只能一張一張的做優化後重新上傳,這是個非常耗費時間跟人力的工作。假設採用一次性優化整站的方式,撰寫程式腳本只需要一位工程師花費一至兩個小時即可完成,剩下的只需要電腦執行優化即可。

我們以一個實際案例來說明:

處理每一張圖片會需要一個完整的人力,每一次優化過程的操作至少包含「圖片下載」、「圖片壓縮優化」、「圖片上傳」、「原圖片取代」四個步驟,每一次過程既使是熟悉操作人員也約需花費五分鐘,如果有 100 張圖片則以前述步驟需重複 100 次,共耗時至少五百分鐘。統計下來至少會需要一人花費 8 個小時只做這件事且還有可能有漏掉沒做到的風險。如果你有一千張圖片,那麼就會需要耗費 80 個小時來完成這項工作。假設每張圖片的處理成本為 50 元的話,那麼處理一千張圖片就會需要花費到 50,000 元。

如果可以使用一次性程式腳本來進行,那麼撰寫優化程式只需要 1 小時且程式執行是完全不需要人力,通常報價約莫落在 5000 左右。因為都是電腦執行,圖片的數量是沒有限制的。

哪一個方式優化比較有效率且省成本是高下立判,唯一要擔心的是網站廠商推託怕麻煩而不願意撰寫程式腳本或是報一個天價來嚇退你。如果是遇到這樣的網站廠商,建議可以考慮找新的網站廠商,做一個新網站的費用可能跟惡質廠商報價優化圖片的費用沒有太大差異。