2026 年的 JPG vs PNG vs WebP vs AVIF——該選哪種圖片格式，什麼時候選
2026-06-28
幾乎沒有什麼問題比「哪種圖片格式『最好』」更常有人問我。其實沒有所謂最好的——每種格式都是在檔案大小、畫質和透明度之間做取捨，正確的選擇取決於那張圖本身。底下是我對 2026 年真正重要的這四種格式的看法。你可以在這裡免費互轉，全程不上傳任何東西。
簡短版
- 照片 → JPG（哪裡都能開）或 AVIF（小很多，前提是你能掌控它在哪裡顯示）。
- logo、圖示、截圖、任何有銳利邊緣或透明度的東西 → PNG，或用 WebP 省空間。
- 你能掌控頁面的網頁圖片 → 先 AVIF，WebP 當後備。
- 傳檔案給別人、對方只是想打開來看 → JPG 或 PNG。無聊歸無聊，但他們永遠不會出問題。
JPG——萬用預設
JPG（或 JPEG）是有損的：它會丟掉你大多看不出來的細節，換取小檔案。它存在已久，所以什麼東西都打得開——每支手機、每台印表機、每台老掉牙的筆電。缺點：沒有透明度，而且如果你把同一張 JPG 反覆存檔、或壓得太狠，它會變得一塊一塊。它也不擅長銳利邊緣，所以文字和線條圖看起來會糊糊的。
**適合用在：**照片、任何你要 email 或交付出去的東西、任何你想要零相容性風險的場合。
PNG——無損又透明
PNG 是無損的——它原封不動保留每一個像素——而且支援 alpha 通道（透明度）。這讓它非常適合 logo、圖示、截圖，以及有硬邊的圖形。代價是大小：一張 PNG 照片可能比同一張 JPG 大上 5 到 10 倍，因為照片的細節太多，無損儲存的成本很高。
**適合用在：**logo、圖示、UI 截圖、流程圖，任何需要透明背景或清晰文字的東西。
WebP——現代的折衷方案
WebP 兩種活都能幹：既能有損也能無損，支援透明度，通常比對應的 JPG 或 PNG 更小。每一個現行的瀏覽器都支援它。主要的摩擦在瀏覽器之外——有些較舊的桌面程式和少數通訊工具還是打不開 WebP，所以它比較像是「給網頁用」的格式，而不是「傳給阿嬤看」的格式。
**適合用在：**你能掌控的網站上的圖片，檔案越小頁面越快。
AVIF——最小、最新
AVIF 是這四種裡最新的，在相同畫質下通常也是最小的，尤其是照片。它同樣支援透明度，色彩範圍也更廣。取捨跟 WebP 一樣、只是程度更深：現代瀏覽器支援良好，但在較舊的軟體裡就比較零星，而且編碼比較慢。當頻寬很重要、而你又能提供 WebP 或 JPG 後備時，它就值得用。
**適合用在：**你想要檔案盡可能小、又能提供後備格式的網頁照片。
一條幾乎永遠管用的規則
如果是要讓「人」打開檔案，用 JPG（照片）或 PNG（圖形）。如果是要讓「瀏覽器」載入檔案，就選 AVIF 或 WebP，並保留一個 JPG/PNG 後備。
透明度會逼你做選擇：JPG 做不到，所以任何有透明背景的東西都得是 PNG、WebP 或 AVIF。
不上傳就能轉檔
換格式不應該等於把你的照片交給某台伺服器。ToolKoala 的圖片轉檔工具整件事都在你的瀏覽器裡完成——丟一個檔案進去（或一整批），選好目標格式，下載。像素永遠不離開你的裝置。如果你在準備圖示，favicon 產生器和 SVG 轉 PNG 工具也遵循同一條規則。
常見問題
哪種圖片格式檔案最小？ 照片的話，相同畫質下通常 AVIF 最小，其次是 WebP，再來是 JPG。對於顏色不多的平面圖形，一張優化得好的 PNG 或 WebP 反而可能贏過它們。大小永遠取決於實際的那張圖，所以老實的答案是「轉出來比一比」。
WebP 比 JPG 好嗎？ 對於網頁上的圖片，通常是的——WebP 檔案在相同畫質下通常更小，而且支援透明度。但 JPG 能打開的地方更多，所以對於你要傳給別人的檔案，JPG 還是比較保險的選擇。
什麼時候該用 PNG 而不是 JPG？ 任何你需要透明度或清晰邊緣的時候——logo、圖示、截圖、流程圖、文字。PNG 是無損的，所以不會變得一塊一塊，但存成 PNG 的照片會比 JPG 大很多。
在格式之間轉換會掉畫質嗎？ 轉成有損格式（JPG、有損的 WebP/AVIF）會丟掉一些細節。在無損格式之間轉換（PNG ↔ 無損 WebP）則不會。反覆重存一張 JPG 會慢慢讓它劣化，所以能保留原檔就盡量保留。
這些轉換會上傳我的圖片嗎？ 在 ToolKoala 不會——轉檔工具完全在你的瀏覽器裡執行，所以你的檔案留在你的裝置上。
— Milo 🐨