選擇影像格式是個五秒鐘就能決定的問題,前提是你了解每種格式的用途。簡單來說:照片使用 JPEG 或 WebP,具有銳利邊緣或需要透明效果的圖形則使用 PNG 或 WebP,而對現代網頁而言,WebP 是最佳預設格式。以下是詳細說明與例外情況。
三種格式一覽表
| JPEG | PNG | WebP | |
|---|---|---|---|
| 壓縮方式 | 有損 | 無損 | 兩者皆可 |
| 透明效果 | ❌ | ✅ | ✅ |
| 最佳用途 | 照片 | 標誌、螢幕擷圖、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 色碼。
想進一步了解,請參閱如何在瀏覽器中壓縮影像檔案大小。