PNG、JPG 還是 WebP——到底該用哪個?各格式互轉指南

大多數教學上來就是步驟:上傳檔案、點轉換、下載。這部分三十秒搞定,沒什麼難的。真正重要的是在轉之前選對格式——選錯了,檔案可能臃腫、透明通道消失,或者每次重新儲存都在悄悄掉品質。
先確定用哪種格式
下面這張表說清楚三種格式的核心差異,不廢話:
| 格式 | 最適合的場景 | 支援透明 | 檔案大小參考 | 瀏覽器相容 |
|---|---|---|---|---|
| PNG | Logo、截圖、圖示、邊緣銳利或含文字的圖片 | 是(alpha 通道) | 較大——1200px 的 Logo 輕鬆跑到 200–400 KB | 全平台通用 |
| JPG | 照片、漸層圖、對檔案體積要求高於像素精度的場景 | 否 | 較小——同一張圖品質 80 下可能只有 40–80 KB | 全平台通用 |
| WebP | 網頁圖片,追求最小體積且不明顯損失品質 | 是 | 最小——同等品質下通常比 JPG 小 25–35% | 所有主流現代瀏覽器均支援;IE 已死,基本不是問題 |
實用原則:圖片有透明背景、或需要像素級清晰(UI 素材、Logo)就用 PNG;照片發到不支援 WebP 的地方就用 JPG;只要是放網站上的圖,能用 WebP 就用 WebP——省下來的體積是實實在在的,現代瀏覽器完全沒問題。
有一個坑很多人踩過:截圖從 PNG 轉成 JPG 想省空間。截圖裡大片純色、文字邊緣銳利,恰好是 JPG 壓縮最力不從心的類型。轉完往往文字邊緣糊了,檔案還沒小多少。
在 Filuni 上怎麼轉
Filuni 的圖片格式轉換工具支援 PNG、JPG、WebP 任意方向互轉,也支援批次處理一整批圖片。不用註冊帳號,沒有浮水印,轉換在伺服器端完成後自動刪除檔案。
- 開啟工具,把圖片拖進去(一次最多 10 張)。
- 從下拉選單選目標格式:JPG、PNG 或 WebP。
- 如果輸出 JPG,可以設品質參數(80 是個不錯的預設值,縮圖才需要往下調)。
- 點轉換,下載,完事。
單張圖片一分鐘內搞定。二十張產品圖批次處理,大概兩三分鐘。
這三個坑別踩
1. PNG 轉 JPG 會丟掉透明背景
JPG 沒有 alpha 通道。把帶透明背景的 PNG——Logo、去背圖、圖示——轉成 JPG,透明部分會被填成純白或純黑。放在白底頁面上可能看不出來,但換個深色背景一貼,就是一個突兀的白色矩形框。遇到這種圖,要麼保持 PNG,要麼換成 WebP(WebP 支援透明)。
2. JPG 反覆儲存會越來越糊
JPG 是有損壓縮。每次開啟、編輯、再存成 JPG,都會再損失一點品質,而且是疊加的。如果一張圖要改好幾遍,先存 PNG 或 WebP 作為主檔案,最後才匯出 JPG。別把 JPG 當成反覆編輯的源檔案。
3. WebP 瀏覽器沒問題,但郵件客戶端要注意
2020 年之後的主流瀏覽器都支援 WebP,沒什麼問題。真正容易出岔子的地方是郵件:Gmail 和大多數桌面郵件客戶端不能內嵌顯示 WebP。圖片要放進 Newsletter 或郵件範本,還是用 JPG 或 PNG。
常見問題
把 JPG 轉成 PNG 能提升畫質嗎?
不能。轉成 PNG 只是把已有的像素裝進無損容器,JPG 裡已經有的壓縮痕跡一點都不會消失。你得到的是一個更大的檔案,視覺品質完全一樣。唯一值得 JPG 轉 PNG 的理由:打算反覆編輯匯出(避免品質疊加損耗),或者需要加透明圖層。
WebP 一定比 JPG 小嗎?
幾乎總是這樣——同等視覺品質下通常小 25–35%。差距在極小的圖片(100px 以下的縮圖)上會縮窄,在大尺寸複雜照片上會更明顯。放網頁上,WebP 基本是首選,除非有特殊理由非用 JPG 不可(比如發郵件、舊 CMS 相容、客戶硬性要求)。
轉 JPG 時品質參數設多少合適?
80 是公認的甜蜜點——視覺品質保留約 95%,檔案體積比品質 100 小 40–50% 左右。背景圖和縮圖可以降到 70,稍微軟一點問題不大。低於 60,壓縮雜訊就開始肉眼可見了。品質 100 幾乎沒必要,檔案會暴增,但肉眼幾乎看不出差別。
能批次轉換多張圖片嗎?
可以。Filuni 的圖片格式轉換工具一次最多接受 10 個檔案。全部拖進去,選好目標格式,下載回來是一個 ZIP 包含所有轉換結果。拍完一批產品圖或者要匯出一套網頁圖示時特別省事。
試試 Filuni 的免費工具
本文提到的工具,加上 120+ 款其他工具。免費、無需註冊、瀏覽器直接用。