全部指南

檔案與格式

PNG、JPEG 和 WebP,該選哪種圖片格式?

從照片、螢幕截圖和透明背景的使用需求出發。

簡明答案

照片可考慮 JPEG;重視無損細節或透明度時可用 PNG;目標應用程式支援時也可考慮 WebP。保留原圖。

保留原圖,分五步比較

  1. 確認接收方支援的格式及上傳大小限制。將原圖另外存放在獨立資料夾。
  2. 開啟下方的圖片轉換器,選取 PNG、JPEG 或 WebP 檔案。處理在瀏覽器內完成。
  3. 選取輸出格式。首次比較可將 JPEG 和 WebP 品質設為 85%;PNG 品質無法調整。
  4. 將最大寬度留白,維持原尺寸並轉換。需要縮小時,另外建立縮小後的副本。
  5. 下載各個副本,在目標應用程式中以實際使用尺寸查看。比較小字、邊緣、透明度及檔案大小。

本工具輸出靜態圖片,可能移除中繼資料;不提供無損 WebP 選項。85% 是比較條件,不是畫質保證。

開啟圖片轉換器

兩張圖片的實際轉換結果

兩張圖片均由我們撰寫的程式碼產生:帶文字與直線的透明圖表,以及不透明的漸層與雜訊圖。您可以下載檔案自行比較。

透明圖表

透明圖表
格式大小(位元組)透明區域
PNG12,934保留
JPEG13,072白色
WebP4,402保留

漸層與雜訊圖

漸層與雜訊圖
格式大小(位元組)
PNG419,030
JPEG65,714
WebP71,140

2026年11月3日實測 · Chromium 151.0.7922.34 · macOS
640×400 · 維持尺寸 · JPEG/WebP 品質 85% · PNG 預設設定。僅為兩張自製範例,並非照片或通用壓縮基準。

透明圖表轉換成 JPEG 後稍微變大,透明區域變成白色。漸層圖在相同數字的品質設定下,JPEG 比 WebP 小。不同編碼器的 85% 不代表相同畫質,應比較實際檔案。

依用途比較圖片格式

左右捲動表格,可查看所有欄位。

依用途比較圖片格式
格式適合優先考慮的用途透明度取捨
JPEG(.jpg、.jpeg)照片不支援 Alpha 透明度有損匯出可能讓小字模糊
PNG螢幕截圖、圖表和標誌支援照片檔案可能較大
WebP接收方支援的網頁圖片支援有損與無損可選,仍須檢查應用程式相容性

01先看用途

匯出前,確認上傳頁面或接收方支援的格式與大小限制。檔案再小,無法開啟也沒有用。

02配合圖片特性

JPEG 常用於照片,但有損壓縮可能讓文字和銳利邊緣模糊。PNG 可無損保留細節並支援透明度。WebP 支援有損、無損與透明度,仍須確認目標應用程式相容。將已有損失的 JPEG 轉為 PNG,並不能找回先前遺失的細節。

03保留原圖

把原圖另外存放。調整尺寸或壓縮時,從原圖製作副本,避免反覆壓縮已匯出的圖片。

資料來源與延伸閱讀

動手試試

圖片轉換器

轉換 PNG、JPEG 和 WebP 圖片,調整畫質與尺寸並儲存副本。

轉換圖片