如何為網頁壓縮圖片(又不破壞畫質)
頁面速度是 Google 的排名因素,而圖片通常占頁面總大小的 50-80%。正確壓縮圖片是提升網站效能最有效的一件事。以下是正確做法。
準備好轉換了嗎?立即試用 - 免費,無需註冊。
智慧壓縮 - 自動最佳化 →為什麼圖片壓縮很重要
數據很清楚:
- 53% 的行動裝置使用者會離開載入超過 3 秒的頁面(Google)
- 載入時間每縮短 100 毫秒,轉換率就提升 1%(Deloitte)
- Core Web Vitals 直接影響 Google 排名,而 LCP(Largest Contentful Paint)幾乎總是一張圖片
- 一般網頁平均載入 1.5 MB 的圖片,其中大多數未經最佳化
圖片壓縮檢查清單
免費圖片壓縮工具
在瀏覽器中執行(無需上傳)
- WebP Buddy 智慧壓縮:自動找出最佳畫質設定。完全在瀏覽器中執行,你的圖片永遠不會離開裝置。
- WebP 壓縮:手動控制 WebP 圖片的畫質。
- 批次轉換:一次轉換並壓縮多張圖片。
命令列
# Convert and compress with cwebp
cwebp -q 80 photo.jpg -o photo.webp
# Compress existing WebP
cwebp -q 75 image.webp -o image-compressed.webp
# Batch convert a folder
for f in *.jpg; do cwebp -q 80 "$f" -o "${f%.jpg}.webp"; done
畫質設定速查表
| 用途 | JPG 畫質 | WebP 畫質 | 備註 |
|---|---|---|---|
| 主視覺圖片 | 85-90 | 80-85 | 醒目、影響大 - 值得多花幾 KB |
| 部落格圖片 | 75-85 | 70-80 | 兼顧畫質與效能 |
| 縮圖 | 60-75 | 55-70 | 顯示尺寸小 = 畫質低一點也沒關係 |
| 背景圖片 | 50-70 | 45-65 | 通常會模糊或被覆蓋 - 大幅壓縮也沒關係 |
常見問題
在不損失畫質的情況下,圖片能壓縮到什麼程度?
有損的 JPG/WebP:畫質 75-85 通常與原圖肉眼難辨。低於 60 時,壓縮瑕疵會開始變得明顯。我們的智慧壓縮工具會自動找出最佳平衡點。
圖片應該在上傳到 CMS 之前還是之後壓縮?
之前。雖然部分 CMS(WordPress、Shopify)會在上傳時壓縮圖片,但預設不會轉換為 WebP。事先壓縮能讓你完全掌控畫質與格式。
網頁圖片的理想大小是多少?
一般內容的圖片每張以 200 KB 以下為目標,主視覺/橫幅圖片則在 500 KB 以下。若要取得良好的 Core Web Vitals 分數,整個頁面的圖片總大小應低於 1.5 MB。
立即轉換你的圖片 - 100% 免費,在瀏覽器中執行。
智慧壓縮 - 自動最佳化 →