你在 iPhone 上拍了一張照片，它儲存為 HEIC 格式。你從網路上下載一張圖片，它是 WebP 格式。你從 Photoshop 匯出時，需要在 JPEG 和 PNG 之間選擇。你的開發者同事提到了 AVIF。如今有這麼多圖片格式在使用，很容易對該選哪一個以及為什麼感到困惑。
本文將分析最常見的圖片格式，解釋每種格式背後的技術，並為你提供何時使用哪種格式的清晰指引。
有損與無損：根本的分界
每種圖片格式都屬於以下兩個類別之一：
- 有損壓縮會永久丟棄部分圖片資料以獲得更小的檔案。你無法恢復原始品質。代價是大幅縮小的檔案大小。
- 無損壓縮在不遺失任何圖片資料的情況下縮小檔案大小。解壓後的圖片與原始圖片逐像素完全相同。
有些格式同時支援兩種模式。理解這一區別是選擇正確格式的關鍵。
格式詳解
JPEG (JPG)
JPEG 建立於 1992 年，是世界上使用最廣泛的圖片格式。它使用基於人眼感知色彩方式的有損壓縮，丟棄不太明顯的細節。
- 最適合： 照片、色彩和漸層豐富的複雜圖片
- 不適合： 文字、線條藝術、標誌、需要透明度的圖片
- 透明度： 不支援
- 動畫： 不支援
- 品質控制： 可調整的壓縮等級（通常 60-95%）
JPEG 在照片方面表現出色，因為細微的細節損失幾乎不可見，而檔案大小的縮減可能非常顯著——通常比未壓縮的圖片小 10 倍。
PNG
PNG 於 1996 年推出，作為 GIF 的無專利替代方案，使用無損壓縮。每個像素都被精確保留。
- 最適合： 螢幕截圖、標誌、圖示、文字覆蓋、需要透明度的圖片
- 不適合： 大型照片（檔案會非常大）
- 透明度： 完整的 Alpha 通道（256 級透明度）
- 動畫： 透過 APNG 支援（歷史上瀏覽器支援有限，現已廣泛支援）
當你需要銳利的邊緣、文字可讀性或透明背景時，PNG 是首選格式。
WebP
由 Google 開發並於 2010 年發布，WebP 旨在成為 JPEG 和 PNG 的通用替代方案。它在一種格式中支援有損和無損壓縮、透明度和動畫。
- 最適合： 各類網頁圖片，替代 JPEG 和 PNG
- 不適合： 印刷工作流程、需要通用相容性的環境
- 透明度： 是（有損和無損模式均支援）
- 動畫： 是（以遠小於的檔案取代 GIF 動畫）
- 大小優勢： 通常比同等品質的 JPEG 小 25-35%，比 PNG 小 25%
截至 2026 年，WebP 已被所有主流瀏覽器支援，並已成為許多網站的預設圖片格式。
HEIC / HEIF
HEIC（高效率圖片容器）是 Apple 自 2017 年 iOS 11 起為 iPhone 照片採用的格式。它基於 HEVC (H.265) 視訊編碼。
- 最適合： 行動攝影、Apple 生態系統
- 不適合： 網路發布、跨平台分享
- 透明度： 是
- 動畫： 是（圖片序列）
- 大小優勢： 在相近品質下大約比 JPEG 小 50%
HEIC 以小檔案大小產生出色的品質，但其主要限制是相容性。Windows 和許多網路平台在使用前需要進行轉換。
AVIF
最新的競爭者 AVIF（AV1 圖片檔案格式）基於開源的 AV1 視訊編碼。它由 Google、Netflix 和 Mozilla 等主要科技公司支持。
- 最適合： 希望獲得最大壓縮率的網頁圖片
- 不適合： 需要快速編碼的工作流程（AVIF 編碼速度慢）
- 透明度： 是
- 動畫： 是
- 大小優勢： 通常比 WebP 小 20-30%，比 JPEG 小 50% 以上
AVIF 提供了當今最佳的壓縮比，但編碼速度較慢，工具支援仍在成熟中。
格式比較表
| 功能 | JPEG | PNG | WebP | HEIC | AVIF |
|---|---|---|---|---|---|
| 壓縮方式 | 有損 | 無損 | 兩者皆可 | 兩者皆可 | 兩者皆可 |
| 透明度 | 否 | 是 | 是 | 是 | 是 |
| 動畫 | 否 | APNG | 是 | 是 | 是 |
| 檔案大小（照片） | 中等 | 大 | 小 | 小 | 最小 |
| 瀏覽器支援 | 通用 | 通用 | 通用 | 有限 | 廣泛 |
| 編碼速度 | 快 | 快 | 快 | 快 | 慢 |
| 最佳使用場景 | 照片 | 圖形 | 網頁（全部） | 行動裝置 | 網頁（新一代） |
實用決策指南
使用這個簡單的流程來選擇正確的格式：
- 是網頁用的照片嗎？ 使用 WebP（或如果你的平台支援則使用 AVIF）。退而求其次用 JPEG 以獲得最大相容性。
- 需要透明度嗎？ 使用 WebP 或 PNG。如果需要保證通用相容性，選擇 PNG。
- 是標誌、圖示或螢幕截圖嗎？ 使用 PNG 獲得無損品質，或使用 WebP 無損模式獲得更小的檔案。
- 是動畫嗎？ 使用 WebP 替代 GIF——檔案大幅縮小且品質更好。
- 只在 Apple 裝置上使用嗎？ HEIC 即可。否則，分享前轉換為 JPEG 或 WebP。
- 用於印刷嗎？ 使用 TIFF 或 PNG 獲得無損品質。最高品質的 JPEG 也可接受。
提示。 當你收到 iPhone 的 HEIC 檔案需要更廣泛地分享時，轉換為 JPEG 或 WebP 通常是最好的方法。單次轉換的品質損失可以忽略不計，但相容性的提升是顯著的。
圖片格式的未來
趨勢很清楚：新格式以更高的品質實現更好的壓縮。AVIF 有望在未來幾年成為主流的網頁格式，但 WebP 已經達到臨界規模，將繼續被廣泛使用。JPEG 和 PNG 不會消失——它們的通用支援和簡單性確保它們將與新格式長期共存。
進階了解
ToolK.io 提供免費工具來轉換圖片格式、為網頁壓縮圖片以及處理 HEIC 檔案，還有針對每種常見圖片任務的逐步教學。