JPG vs PNG vs WebP vs AVIF：邊種圖片格式最啱你？

四種格式，四種承諾：JPG 細但有損、PNG 靚但大、WebP 兩者皆可、AVIF 兩者皆強。當你每次要決定「呢張圖應該存成咩格式」，你真正要問嘅唔係「邊種最新」，而係「邊種最啱呢張圖喺呢個場景」。以下係一個實際嘅決策框架，由最常見嘅網頁相片講起，一路去到透明度、動畫同兼容性嘅細節。

四種格式嘅核心差異

JPG（亦寫作 JPEG）係 1992 年面世嘅有損格式，幾乎所有相機、社交平台同 CMS 都支援。佢以 8×8 像素嘅方塊做 DCT 壓縮，細節會隨品質下降而流失。優點係檔案細、兼容性最廣；缺點係冇透明度，而且每儲一次都會再丟一輪細節。

PNG係無損格式，每粒像素都會被完整保留。它支援透明度（alpha 通道），係標誌、圖示、UI 截圖嘅標準選擇。代價係檔案通常比 JPG 大 3–5 倍，而且對相片嚟講無助於縮檔，因為相片嘅冗餘度本來就唔係 PNG 擅長處理嘅嗰種。

WebP係 Google 2010 年推出嘅格式，可以做有損亦可以做無損，而且支援透明度同動畫。有損 WebP 通常比同品質 JPG 細 25–35%；無損 WebP 比 PNG 細 20–30%。瀏覽器兼容性已經近乎全面（涵蓋 96%+ 用戶），係現代網頁嘅預設選擇。

AVIF係基於 AV1 影片編碼器嘅格式，比 WebP 更進一步：在相同視覺品質下，AVIF 通常比 JPG 細 50%、比 WebP 細 20%。兼容性緊追 WebP 之後，主要瀏覽器（Chrome、Firefox、Safari、Edge）都已經支援，但部分桌面應用同較舊嘅流動系統仲未完全追上。

按場景揀格式

相片／網站橫幅：預設 AVIF，再準備 WebP，最後用 JPG 做 fallback。呢個「`<picture>` 標籤三層 fallback」係現代網頁嘅最佳實踐——大約 60% 用戶會攞到 AVIF 嗰份最細嘅，舊瀏覽器則跌落去 JPG。例如 ImagElite 嘅格式轉換工具就可以一次過輸出呢三個版本。

標誌、圖示、UI 截圖：用 SVG（如果係向量）或者無損 WebP／PNG。呢類資產通常唔需要相片級嘅壓縮，無損先係關鍵。如果你需要透明背景，PNG 一直係最穩陣嘅選擇；但如果想再細，無損 WebP 通常比 PNG 細 20–30%。

電子郵件附件：JPG 仲係主流，因為唔少電郵客戶端仲未識 AVIF 或 WebP。如果你需要透明背景，可以喺郵件入面嵌入 PNG，或者用一個白色背景嘅 JPG 替代。

轉換時嘅實戰陷阱

由 JPG 開始嘅轉換係「向下兼容」嘅：轉成 WebP 或 AVIF 可以再縮細，但原本已經丟失嘅細節救唔返。轉回 PNG 都唔會變回原圖嘅品質——只係換咗個容器。相反，由 PNG 開始嘅話，先係真正嘅「無損」工作流。

另一個常見陷阱係透明度：將一張有透明背景嘅 PNG 轉成 JPG，透明區域會被填上某種背景色（通常係白色或者你指定嘅顏色），呢個係無法逆轉嘅。ImagElite 嘅轉換器會喺你揀 JPG 做輸出時提示呢點。

最後係動畫：如果係 GIF 動圖，現代嘅做法係轉成 AVIF 或 WebP 動畫——兩者都比 GIF 細得多，而且支援更廣嘅色域。不過要記得，唔同平台對動圖嘅播放處理唔同，部分舊版瀏覽器可能仲要靠 GIF 做 fallback。

點解 ImagElite 嘅轉換工具適合呢類工作

ImagElite 嘅轉換器喺你嘅瀏覽器內完成所有編碼，所以你可以快速試齊四種格式嘅輸出，再揀最適合嗰個場景嘅嗰份。支援批次處理，一次過將成個資料夾轉成新格式。由於冇上傳，你嘅相片永遠唔會離開你部機。