JPG、PNG、WebP 怎麼選？

一句話：照片用 JPG 或 WebP，圖形和透明背景用 PNG 或 WebP。改用 WebP 之前，先確認你要上傳的地方接受它。

JPG（也寫作 JPEG）透過捨棄肉眼很少注意到的細節，把照片存得很精簡。幾乎所有網站、應用程式、郵件服務和電商平台都接受它，拿不定主意的時候選它最穩當。

它的弱點是銳利的邊緣和大塊純色。文字、線條圖和螢幕截圖會出現模糊的毛邊，而且 JPG 不支援透明背景。JPG 每編輯儲存一次都會再損失一點，所以要保留原始檔，每次從原始檔匯出。

想在不改格式的前提下縮小 JPG，用圖片壓縮；想試試 WebP，用JPG 轉 WebP。

PNG 是無損格式：每個像素都原樣保留。所以它適合標誌、圖示、介面截圖和任何有文字的圖片，並且完整支援透明背景，包括柔和的邊緣和陰影。

代價是檔案大小。照片存成 PNG，通常比一張品質不錯的 JPG 大好幾倍。根據 HTTP Archive 的《2024 Web Almanac》，網頁上 PNG 圖片的中位數是每像素 3.8 位元，JPG 是 2.0，WebP 是 1.3。

如果 PNG 裡是照片，就換個格式；如果是圖形，就以 PNG 壓縮，或試試PNG 轉 WebP，透明背景會保留下來。

WebP 是 Google 為網頁設計的格式，兩種方式都能用：像 JPG 一樣有損，或像 PNG 一樣無損，兩種方式都支援透明背景。Google 公布的數據是：無損 WebP 比 PNG 小 26%，有損 WebP 比同等畫質的 JPG 小 25–34%。

目前所有主流瀏覽器都能顯示 WebP，約占使用中瀏覽器的 97%，Safari 從 14 版開始支援。問題出在瀏覽器之外：有些平台仍然不接受上傳 WebP，例如 Amazon、Etsy 和 Mailchimp，都只列出 JPG 和 PNG，沒有 WebP。

轉換也不一定划算。簡單的標誌或顏色很少的螢幕截圖，存成 PNG 反而可能更小。轉換後比較兩個檔案，留下比較小的那個。

1. 01圖片需要透明背景嗎？用 PNG；平台接受的話也可以用 WebP。
2. 02是照片或寫實圖片嗎？用 JPG；放在自己的網站上可以用 WebP。
3. 03是螢幕截圖、圖表、標誌或文字嗎？用 PNG，再試試 WebP，比較兩個檔案。
4. 04要上傳到哪裡？先確認平台接受這種格式；不接受就繼續用 JPG 或 PNG。
5. 05無論最後是什麼格式，都壓縮一下。

各平台具體的尺寸和大小限制，請看電子郵件與電商平台的圖片尺寸要求。

AVIF 是更新的格式，檔案可能更小，但產生速度更慢，支援它的工具和平台也更少。它在網頁上仍然少見：根據《2025 Web Almanac》，LCP 圖片中 AVIF 只占 0.7%，WebP 占 11%，PNG 占 26%，JPG 占 57%。對今天大多數的網站來說，JPG、PNG 和 WebP 已經夠用。

• 為了畫質把照片存成 PNG。 PNG 只能保留既有的細節，加不了新的細節，檔案卻會大好幾倍。
• 把 JPG 轉成 PNG 來修復模糊的邊緣。 損失已經發生在 JPG 裡了，應該回到原始檔重新匯出。
• 不檢查就全部換成 WebP。 你的網站也許歡迎它，網路商店平台或郵件工具卻可能拒收。
• 選好格式就停手。 格式只是起點，壓縮最後的檔案才能真正把大小降下來。

下一篇：網站圖片怎麼壓縮，一步步說明清楚。