WebP、JPG 與 PNG：該用哪一種？依情境決定，不要只看副檔名

這是格式選擇指南，不是 PNG 檔案過大的排除教學。若 PNG 已經太大，請先看 為什麼我的 PNG 這麼大？如何縮小又不毀了畫面。這裡要問的是該選哪一種格式。

這些是常見起點，不是鐵則：

使用情境	通常先考慮
相片	JPEG / WebP
透明商標	PNG / WebP
含文字或介面的擷圖	PNG / lossless WebP
網站主視覺	WebP / JPEG
要完整保留像素	PNG / lossless WebP
要盡量相容舊環境	JPEG / PNG

JPEG 是什麼

JPEG 是相片常用的 lossy 格式，沒有 alpha 透明。畫質與檔案大小互相取捨，反覆做 lossy 編碼會把損失疊上去。JPG 與 JPEG 是同一種格式，日常差別在副檔名，不在畫質。

PNG 是什麼

PNG 使用 lossless 壓縮，也能儲存 alpha 透明。適合商標、圖示、介面、螢幕擷圖與邊緣清楚的圖形。把相片存成 PNG，檔案容易變大。PNG 經過壓縮，並不是未壓縮格式。

WebP 是什麼

WebP 支援 lossy 壓縮、lossless 壓縮與 alpha 透明。現代瀏覽器普遍能開啟。WebP 並非總是比較小：大小取決於畫面、編碼器、品質設定，以及使用 lossy 還是 lossless。

WebP 與 JPEG：相片哪一種比較合適

兩者都能用於相片。JPEG 常見，也容易接進既有流程。WebP 依編碼器、設定與畫面，可能做出觀感接近、檔案相當甚至更小的結果。沒有固定的節省百分比。

WebP 與 PNG：透明度哪一種比較合適

兩者都能保留透明。PNG 是 lossless，像素要對得準時較可預期。WebP 可以是 lossy 或 lossless，有時能把檔案變小。帶透明並不表示 WebP 一定比較小。

JPG 與 PNG：該選哪一個

相片先從 JPEG 著手。商標、圖示、介面或透明，先從 PNG 著手。偏相片的擷圖改成 JPEG 或 WebP 有時會更小；文字或介面擷圖常常較適合 PNG。不是每一張擷圖都該用 PNG。

相片最適合哪一種格式

通常先比較 JPEG 與 WebP。PNG 也能存相片，檔案往往會大很多。那是傾向，不是定律。

商標最適合哪一種格式

商標常需要透明、銳利邊緣與色塊。點陣圖可選 PNG 或 lossless WebP。向量商標可以考慮 SVG，但 圖片格式轉換 不會轉換 SVG、HEIC、GIF 動畫、RAW 或 PDF。

螢幕擷圖最適合哪一種格式

介面、文字、圖表、色塊圖形通常適合 PNG 或 lossless WebP。偏相片的擷圖改成 JPEG 或 lossy WebP，檔案有時會更小。過強的 lossy 壓縮會傷到小字。

網站最適合哪一種圖片格式

WebP 可以是穩當的現代人選。仍要衡量內容、透明、相容性、大小、畫質與平台支援。JPEG 與 PNG 仍然成立。不要預設把每一項素材都轉成 WebP。

哪一種格式檔案最小

看情況。格式、lossy 或 lossless、品質、尺寸、複雜度、alpha 與編碼器都會改變結果。請轉換後再比較，不要只憑格式名稱就認定最小檔案。

檔案大小不只由格式決定

若一張 4000×3000 的圖只顯示成大約 1000×750，尺寸可能和格式一樣關鍵。大小並非嚴格按像素數成比例。調整圖片尺寸 改的是寬與高，不是格式。

lossy 與 lossless：最關鍵的差別

lossy 捨棄部分資訊來換較小檔案。JPEG 是 lossy。WebP 可以是 lossy 或 lossless。PNG 是 lossless。lossless 並非總是看起來比較好，也無法把先前 lossy 已經丟掉的細節找回來。

哪些格式支援透明背景

PNG 與 WebP 能儲存透明。JPEG 沒有 alpha。在 圖片格式轉換 裡，把透明 PNG 或 WebP 轉成 JPEG 時，那些像素會用背景色填滿——預設白色，也可以另選顏色。

哪一種格式畫質最好

沒有絕對最好。PNG 與 lossless WebP 能以 lossless 方式保留像素。JPEG 與 lossy WebP 取決於設定。把 JPEG 轉成 PNG，不會把已失去的細節找回來。

把 JPG 轉成 PNG 能提升畫質嗎

不能。JPEG 壓縮已經失去的細節回不來。檔案有可能變大。這種大小變化並非每個檔案都成立。

什麼時候值得把 PNG 轉成 JPEG

相片不需要透明、又比較在意檔案大小而不是像素完全對得上時，可以考慮。你會失去透明，並套上 lossy 壓縮；文字或線稿可能出現瑕疵。

什麼時候值得轉成 WebP

網站投放、相片、圖形或透明，想在可接受的畫質下換較小檔案時，可以考慮。請檢查輸出：WebP 並不保證檔案更小。圖片格式轉換 以品質設定編碼 WebP，走的是常見瀏覽器的 lossy 路徑，不是 lossless 保證。

簡單的圖片格式決策步驟

需要透明？PNG 或 WebP。是相片？JPEG 或 WebP。銳利文字、介面或色塊圖形？PNG 或 lossless WebP。還是太大？再比較壓縮、尺寸與另一種格式。

• 選擇一種格式
• ↓
• 需要透明？PNG 或 WebP
• 是相片？JPEG 或 WebP
• 銳利文字或介面？PNG 或 lossless WebP
• 還是太大？壓縮、調整尺寸或再比
• ↓
• 比對實際檔案

在瀏覽器轉換 JPG、PNG 與 WebP

NEXNARA 圖片格式轉換 在 JPG、PNG、WebP 之間轉換。像素寬高維持不變。

品質設定作用於 JPG 與 WebP（預設 90%）。PNG 是 lossless。透明會留在 PNG 或 WebP。轉成 JPEG 時以背景色填滿，預設白色。

超過 20 MB 的檔案不予處理。不接受 HEIC、SVG、GIF 動畫、RAW 與 PDF。

影像處理本身在瀏覽器完成。這個工具不會把檔案送到 NEXNARA 伺服器。廣告與網站其他功能仍會使用網路。

不改尺寸，只壓縮圖片

圖片壓縮 維持原格式。JPG 與 WebP 使用品質設定。PNG 以 lossless 重新編碼——檔案常常只略減——並保留透明。這不是 JPG 或 WebP 無損的承諾。上限 20 MB。若圖片遠大於顯示尺寸，調整圖片尺寸 往往比改格式更有幫助。

要在同一張圖比較格式？開啟 圖片格式轉換，檔案仍大再壓縮或調整尺寸。

FAQ

WebP 比 JPG 更好嗎

不一定。兩者都能用於相片。WebP 可能在觀感接近時較小，也可能不會。JPEG 的相容範圍仍然很廣。

WebP 比 PNG 更好嗎

不一定。兩者都能保留透明。PNG 是 lossless，像素要對得準時較可預期。WebP 有時會比較小。

該用 JPG 還是 PNG

多數相片用 JPEG。商標、介面、透明或銳利文字用 PNG。螢幕擷圖要看擷到的內容。

網站用哪一種圖片格式最好

WebP 往往是穩當的現代人選。相容性、透明或精確像素更要緊時，JPEG 與 PNG 仍然成立。

WebP 支援透明嗎

支援。PNG 也支援。JPEG 不支援。把透明圖轉成 JPEG 會填滿那些像素——在 圖片格式轉換 裡預設白色。

把 JPG 轉成 PNG 能提升畫質嗎

不能。JPEG 壓縮已經失去的細節回不來。檔案可能變大，看起來卻不一定更銳利。