選單
所有文章

JPG、PNG、WebP 差異比較:圖片格式該怎麼選?

閱讀約 5 分鐘免費 · 免註冊

JPG vs PNG vs WebP — 三種圖片格式,各自為不同用途而設計。選錯格式,不是白白增加檔案大小,就是平白損失畫質。這篇指南幫你釐清困惑,明確告訴你每種情況該用哪種格式。


快速摘要

| 格式 | 最適合 | 壓縮方式 | 透明背景 | 瀏覽器支援 | |---|---|---|---|---| | JPG | 照片、掃描檔 | 有損 | 不支援 | 全面支援 | | PNG | 截圖、標誌、文字 | 無損 | 支援 | 全面支援 | | WebP | 網頁圖片、現代應用程式 | 有損 + 無損 | 支援 | 所有現代瀏覽器 |


JPG(JPEG)— 攝影專用格式

JPG 誕生於 1992 年,至今仍是支援度最廣的圖片格式。它採用有損壓縮:捨棄人眼最不敏感的影像資訊,換取較小的檔案大小。

有損壓縮的運作方式:JPG 會把圖片切成 8×8 像素的區塊,並比起低頻內容(漸層、大面積色塊)更積極地捨棄高頻細節(細緻紋理、銳利邊緣)。在高品質設定下,肉眼幾乎察覺不到。在低品質設定下,就會看到典型的「JPEG 壓縮雜訊」——平滑區域出現方塊狀的失真。

何時使用 JPG:

  • 相機或手機拍攝的照片
  • 含有圖片的掃描文件
  • 檔案大小比逐像素完美畫質更重要的任何圖片
  • 色彩複雜多變的圖片 — 風景照、人像、美食攝影

何時不該使用 JPG:

  • 文字截圖 — 壓縮雜訊會讓文字變得模糊難讀
  • 色塊單純的標誌與圖表 — PNG 或 SVG 效果更乾淨
  • 需要透明背景(Alpha 色版)的圖片 — JPG 不支援
  • 需要反覆編輯的內容 — 每次儲存都會重新壓縮,畫質損失會不斷累積

常見檔案大小:一張 1,200 萬畫素的照片,相機 RAW 檔約 4–6 MB,85% 品質的 JPG 約 1–3 MB,60–70% 品質的 JPG 約 200–400 KB。


PNG — 無損格式

PNG(Portable Network Graphics)誕生於 1996 年,作為 GIF 的無損替代方案。它採用無損壓縮:每個像素都會被完整保存,解壓縮 PNG 後會得到與原始資料完全相同的內容。

何時使用 PNG:

  • 任何種類的截圖 — 文字保持銳利清晰
  • 色塊單純、邊緣分明的標誌、圖示與圖表
  • 需要透明背景的圖片(放在不同底色上的標誌、疊加圖層)
  • 需要逐像素精確的設計作品
  • 需要反覆編輯與重新儲存的圖片 — 畫質不會逐次下降

何時不該使用 PNG:

  • 照片 — 照片的 PNG 檔通常比同等的 JPG 大 5–10 倍,卻看不出畫質有何提升
  • 任何以檔案大小為優先的情況

PNG 與 JPG 檔案大小範例:一張 1,200 萬畫素的照片存成 PNG,可能高達 10–20 MB。同一張照片存成 85% 品質的 JPG 只有 1–2 MB — 縮小 10 倍,而人眼看不出畫質差異。對照片而言,JPG 幾乎永遠是正確選擇。


WebP — 現代網頁格式

WebP 由 Google 開發,2010 年發布。如今所有現代瀏覽器(Chrome、Firefox、Safari、Edge)以及大多數圖片處理工具都支援它。WebP 同時支援有損與無損壓縮,也支援透明背景(Alpha 色版)。

為什麼網頁使用 WebP 比 JPG 更好:

  • 在相同視覺品質下,有損 WebP 圖片比 JPG 小 25–35%
  • 無損 WebP 圖片比 PNG 小 26%
  • 和 PNG 一樣支援透明背景
  • 和 GIF 一樣支援動畫(但檔案通常更小)

何時使用 WebP:

  • 網站圖片 — 檔案越小,網頁載入越快
  • 網頁應用程式與行動應用程式
  • 任何要在瀏覽器中顯示的圖片
  • 同時需要透明背景與小檔案時(PNG 能透明但檔案較大;WebP 兩者兼顧)

何時不該使用 WebP:

  • 需要通用相容性時 — 較舊的軟體(早期版本的 Photoshop、部分桌面應用程式、電子郵件用戶端)可能不支援 WebP
  • 印刷製作 — 印刷請使用 TIFF 或高品質 JPG

如何在各格式之間轉換

本站免費提供這些轉換功能。JPG 轉 PNG 與 PNG 轉 JPG 完全在你的瀏覽器中執行,檔案不會離開你的裝置。圖片轉 WebP 與圖片轉 AVIF 則在我們的伺服器上處理(圖片透過 HTTPS 傳送、轉換後即刪除):

  • JPG 轉 PNG — 將 JPG 轉成無損 PNG(適合編輯;請注意這不會替 JPG 加上透明背景)
  • PNG 轉 JPG — 將 PNG 轉成更小的 JPG(適合照片、電子郵件附件;透明區域會變成白色)
  • 圖片轉 WebP — 將圖片轉成 WebP,取得更小、可直接用於網頁的檔案
  • 圖片轉 AVIF — 轉換成新一代格式(比 WebP 還小,支援度較新)

AVIF — 新一代格式

雖然不在主要比較範圍內,AVIF 仍值得一提。它是 WebP 的後繼者,在相同品質下,檔案大小比 WebP 再減少 25–50%。截至 2026 年,瀏覽器支援度已相當廣泛(Chrome、Firefox、Safari),但在較舊的軟體中尚未全面普及。

如果你的目標是現代瀏覽器,並想要最大壓縮率,請使用圖片轉 AVIF轉換器。此轉換器以 80% 品質編碼。


實用決策流程

用這份流程快速做出正確選擇:

  1. 是照片嗎? → JPG(網頁使用則選 WebP)
  2. 是截圖、標誌或圖表嗎? → PNG(網頁使用則選 WebP)
  3. 需要透明背景嗎? → PNG 或 WebP
  4. 要放上網站嗎? → WebP(為舊版瀏覽器準備 JPG/PNG 備援)
  5. 要用於印刷嗎? → 95% 以上品質的 JPG,或 TIFF
  6. 會反覆編輯嗎? → 以 PNG 或 TIFF 作業;最終交付時再匯出為 JPG/WebP

相關工具

免費試用,免註冊

多數工具在您的瀏覽器中執行,因此檔案會留在您的裝置上。少數工具會將檔案上傳至我們的伺服器,並在處理後刪除。

瀏覽所有工具