選擇影像格式是個五秒鐘就能決定的問題,前提是你了解每種格式的用途。簡單來說:照片使用 JPEG 或 WebP,具有銳利邊緣或需要透明效果的圖形則使用 PNG 或 WebP,而對現代網頁而言,WebP 是最佳預設格式。以下是詳細說明與例外情況。

三種格式一覽表

JPEGPNGWebP
壓縮方式有損無損兩者皆可
透明效果
最佳用途照片標誌、螢幕擷圖、UI網頁上的所有內容
典型照片大小基準大小大 5–10×比 JPEG 小 20–30%
通用相容性✅ 通用✅ 通用✅ 所有現代瀏覽器

JPEG 是正確選擇的時機

JPEG 仍然是通用的照片格式:每台相機、手機、印表機,以及 20 年前的桌面應用程式都能開啟它。適合用於需要傳遞的照片——電子郵件附件、市集商品上架、要傳給客戶的檔案。在 80% 品質下,JPEG 照片檔案小且看起來依然出色。

PNG 是正確選擇的時機

PNG 是無損格式:文字保持銳利清晰,純色區塊保持乾淨,這正是標誌、圖示、圖表和 UI 螢幕擷圖所需要的。它也是處理透明效果的經典選擇。代價是檔案大小——切勿將照片儲存為 PNG,因為同樣的圖片通常會比品質良好的 JPEG 重 5–10×,卻沒有任何明顯的視覺優勢。

WebP 是正確選擇的時機

對於發佈在自己網站上的任何內容,WebP 是最強的預設選擇:它比 JPEG 更強力地壓縮照片,處理銳利邊緣圖形的能力幾乎和 PNG 一樣好,並支援透明效果。唯一應該避免它的理由是與老舊桌面軟體的相容性問題。

如何在不同格式間轉換

你不需要安裝任何應用程式。影像壓縮工具可以將任何 JPG、PNG 或 WebP 重新編碼為 JPEG 或 WebP,並讓你選擇品質,還提供即時的前後預覽——如果你同時需要不同的像素尺寸,影像縮放工具能在縮放的同時轉換格式。兩者都完全在瀏覽器中運作,因此你的檔案絕不會離開裝置。

想進一步了解,請參閱如何縮放影像而不失真或降低畫質

想進一步了解,請參閱在 Photoshop 或瀏覽器中製作動態 GIF

想進一步了解,請參閱影像中使用了哪些顏色:精準選取 HEX 色碼

想進一步了解,請參閱如何在瀏覽器中壓縮影像檔案大小