JPG、PNG、WebP、AVIF 比較:該用哪種圖片格式?
每種圖片格式都是檔案體積、畫質、相容性與透明度等功能之間的不同取捨。選對了,檔案輕巧、處處能開;選錯了,就會得到 30 MB 的掃描檔或白邊呈鋸齒狀的 logo。以下是每種格式的真正用途。
隱私優先:每張圖片都在你的瀏覽器中本機處理。任何內容都不會上傳、儲存或傳輸到任何伺服器。
JPG — 通用照片格式
JPG(1992 年)透過捨棄眼睛幾乎察覺不到的細節來壓縮照片,可用畫質設定調節。畫質 75–85 時檔案很小、觀感極佳;地球上任何裝置和程式都能開啟。侷限:沒有透明度,而且每次重新儲存都會再丟一點細節。用於必須在任何地方都能開啟的照片。
PNG — 無損,帶透明度
PNG 精確儲存像素並支援完整的 Alpha 透明度,因此是 logo、螢幕截圖、介面圖形以及任何需要反覆編輯的圖片的標準。代價是體積:照片存成 PNG 會膨脹到 JPG 的好幾倍,因為攝影雜訊無法無損壓縮。PNG 用於圖形和工作副本,不要用來交付照片。
WebP — 現代網頁的預設選擇
WebP 兩樣都行:有損壓縮比同等畫質的 JPG 小 25–35%,帶透明度的無損模式又遠小於 PNG。2020 年以來所有瀏覽器都支援。唯一的短處在網頁之外 — 老舊的桌面軟體、印表機和部分上傳表單仍會拒收。凡是在網站上顯示的內容都用 WebP。
AVIF — 檔案最小、最新的格式
建立在 AV1 視訊編碼上的 AVIF 能產生主流格式中最小的檔案 — 同等畫質下常常只有 JPG 的一半 — 並支援透明度與 HDR。瀏覽器支援如今已經普及,但工具鏈和網頁之外的軟體還在追趕。在位元組最金貴、且你能掌控發佈的場合使用,並為舊環境準備後備方案。
GIF、SVG 與 HEIC — 各司其職的專家
GIF 純粹靠簡單動畫活著;對靜態圖片它早已過時(256 色、檔案巨大)。SVG 根本不是像素而是向量幾何 — 對需要任意縮放的圖示和 logo 完美,對照片毫無意義。HEIC 是 Apple 的高效率相機格式:在裝置上很棒,在其他任何地方都彆扭,檔案一離開 Apple 生態,通常就會被轉成 JPG。
決策速覽
日常分享的照片 → JPG。放到網站上的一切 → WebP(能管好後備方案就用 AVIF)。logo、截圖或需要透明 → PNG(純網頁用 WebP)。需要任意縮放 → SVG。來自 iPhone、要送往別處 → 把 HEIC 轉成 JPG。拿不準時,照片用 JPG、圖形用 PNG,永遠不會是災難。