圖片格式轉換指南：各格式特性與轉換效益

同一張照片只因副檔名不同，檔案大小最多可差到 明顯幅度。JPEG、PNG、WebP、AVIF 的儲存方式各不相同。

依用途轉換格式，可以在維持可接受畫質的同時大幅減少檔案重量，進一步改善載入速度與 SEO 表現。

主要圖片格式特性

• JPEG：有損壓縮，適合照片，不支援透明，1992 年推出，瀏覽器支援幾乎 明顯幅度。
• PNG：無損壓縮並支援透明通道，適合截圖與 Logo，通常比 JPEG 大 2-明顯幅度。
• WebP：由 常見產業觀察，在相近畫質下通常比 JPEG 小 明顯幅度，支援透明與動畫，瀏覽器支援超過 明顯幅度。
• AVIF：新世代格式，常見比 JPEG 小 明顯幅度 以上，支援 HDR，瀏覽器支援約 明顯幅度，編碼較慢。
• GIF：僅 256 色，能做動畫但檔案常偏大。
• SVG：向量格式可無限縮放，適合圖示與 Logo，不適合照片。
• TIFF/BMP：偏印刷與舊系統流程，網頁使用通常過重，建議先轉檔。

格式轉換帶來的實際效益

• JPEG → WebP：減少 明顯幅度（常見產業觀察資料）。
• PNG → WebP：照片可減 明顯幅度，圖形可減 明顯幅度。
• JPEG → AVIF：常見可減 明顯幅度 以上。
• GIF → WebP：動畫素材約減 明顯幅度。
• BMP/TIFF → WebP：通常可減 明顯幅度。
• YouTube 曾公開，WebP 縮圖每日可節省約 1PB 傳輸量。

從真實案例看轉換效果

• 一個組織：AV1 串流占比約 明顯幅度，在相近品質目標下，頻寬約為 AVC 的三分之一。
• YouTube：WebP 縮圖帶來每日約 1PB 的流量節省。
• 電商案例：PNG 轉 WebP 後，LCP 由 4.2 秒降到 2.1 秒，跳出率由 明顯幅度 降到 明顯幅度，轉換率提升 明顯幅度。
• 一個組織：檔案大小減少 明顯幅度 以上，LCP 改善約 明顯幅度。

什麼情境該用哪種格式

• 需要透明背景：選 PNG 或無損 WebP。
• 照片與商品圖：優先 WebP 或 AVIF。
• 動畫內容：多數情境以 WebP 取代 GIF。
• 印刷輸出：保留 TIFF。
• 電子郵件附件：許多客戶端對 WebP 支援不足，JPEG 較保險。
• 社群平台上傳：先確認平台建議格式與尺寸。

圖片格式轉換常見錯誤

• JPEG 轉 PNG 不會還原已流失的畫質，通常只會變大。
• 所有圖片都轉成同一格式，忽略場景差異。
• 透明圖轉 JPEG 會失去透明區域。
• 只提供 AVIF 沒有備援，會影響約 明顯幅度 使用者。
• 未保留原檔就轉換，後續難以回復。

常見問題

轉換圖片格式會掉畫質嗎？不一定。設定得當時，通常能在肉眼差異不明顯下大幅縮小檔案。

WebP 和 AVIF 該選哪個？建議先以相容性高的 WebP 為主，再對重點圖片補 AVIF 並提供備援。

PNG 可以轉 JPEG 嗎？可以，但前提是不需要透明背景，且可接受有損壓縮。

GIF 可以改用什麼？多數網頁動畫可改用 WebP，通常更省容量。

HEIC 檔怎麼開啟？先轉成 JPEG、PNG 或 WebP，跨裝置相容性會更好。

可以一次轉多張圖嗎？可以，批次轉換最適合商品圖與內容素材處理。