WebP、PNG 與 JPG：你該用哪種格式？
三種格式，三種不同的用途。這裡講清楚 WebP、PNG 和 JPG 在壓縮、透明度和支援方面到底有什麼區別 —— 外加一條幾乎每次都能選對的一句話法則。
更新於 2026年5月22日
簡短答案
拍照用 JPG，需要透明度或像素級銳利時用 PNG，想要最小的網頁檔案且你的受眾使用現代瀏覽器時用 WebP。本指南接下來會解釋原因，這樣當簡單法則不適用時，你也能自信地做出判斷。
每種格式如何壓縮
JPG 使用為自然圖像調校的有損壓縮：它會丟棄你的眼睛不太可能注意到的細節，從而得到漸層平滑、檔案小但沒有透明度的圖片。PNG 是無損的 —— 它精確還原每一個像素，並支援透明度的 alpha 通道，這讓它非常適合標誌、截圖和帶硬邊緣的圖形，代價是照片檔案會更大。WebP 是後起之秀，兩者兼顧：它提供有損模式，在相近畫質下通常比 JPG 小 25–35%；還有帶透明度的無損模式，通常比 PNG 更優。
透明度與邊緣
如果你的圖片有任何部分需要透明，那 JPG 就出局了 —— 它沒有 alpha 通道，會用白色填滿透明區域。PNG 和 WebP 都支援透明度。對於清晰的文字、UI 元素和純色插畫，PNG 和無損 WebP 能讓邊緣保持銳利如刀，而 JPG 會在高對比線條周圍引入淡淡的光暈（壓縮假影）。
瀏覽器與應用支援
JPG 和 PNG 是通用的 —— 過去二十年裡的每款瀏覽器、作業系統和應用程式都能開啟它們。WebP 受到所有當前主流瀏覽器的支援，但你可能仍會遇到一些較舊的軟體、某些電子郵件用戶端或不認識它的老舊系統。當相容性比省下那最後幾千位元組更重要時，這正是保留 JPG 或 PNG 後備方案的主要原因。
一個實用的決策流程
- **面向現代受眾的網頁照片？**WebP（有損）。
- **必須到哪兒都能開啟的照片？**JPG。
- **標誌、圖示、截圖，或任何帶透明度的內容？**PNG，或者在體積要緊且支援沒問題時用無損 WebP。
- **列印或封存母版？**保留一份無損副本（PNG 或原檔案）。
無論你怎麼決定，都可以用私密的瀏覽器內轉換器在幾秒內於這三種格式之間切換 —— 而如果你只是想讓檔案更小而不切換格式，專用的壓縮器才是更好的工具。
快速步驟
- 1根據用途選定目標格式：網頁小圖用 WebP，通用照片用 JPG，透明度或銳利圖形用 PNG。
- 2開啟圖片格式轉換器並把檔案拖進去；選擇你上面定好的格式。
- 3轉換並下載。一切都在你的瀏覽器本機執行，所以圖片永遠不會被上傳。
常見問題
通常如此，但並非總是。對大多數照片和圖形，WebP 都勝過 JPG 和 PNG，但少數圖片用 JPG 反而壓縮得更好。可靠的判斷辦法是轉換後對比檔案大小 —— 只需片刻。
會。JPG 沒有透明度，所以任何透明區域都會變成純色（通常是白色）。如果你需要保留透明度，請改轉 WebP，或繼續使用 PNG。
對於面向現代瀏覽器的網頁圖片，WebP 是出色的預設選擇。當檔案必須能在較舊軟體、電子郵件用戶端或可能不支援 WebP 的系統中開啟時，請保留 JPG 或 PNG。