PNG 和 JPG 是網路上最常見的兩種圖片格式,選錯格式不是讓檔案肥得誇張,就是讓圖片糊掉、出現方塊。好消息是:只要知道兩者各自的專長,選擇其實很簡單。
這件事我們自己測過。 把同樣四張測試圖丟進我們的 PNG 轉 JPG 頁面:照片從 1.88 MB 掉到 288.4 KB,省下 85%。介面截圖卻反方向跑——18.0 KB 變成 43.5 KB,大了 142%——因為 JPG 得花位元去模糊那些 PNG 本來免費就存好的銳利邊。透明標誌轉完則多了一塊白底。 看完整實測數據
先講結論
PNG 和 JPG 最關鍵的差別,在於「怎麼壓縮」和「能存什麼」:
- PNG 是無損壓縮、支援透明背景。適合 logo、圖示、截圖,以及任何邊緣銳利或含文字的圖。
- JPG(也寫作 JPEG)是有損壓縮、檔案小很多,但不支援透明。適合照片。
需要透明背景或清晰文字,就選 PNG;是照片、又想要小檔案,就選 JPG。
PNG vs JPG 一覽表
| PNG | JPG(JPEG) | |
|---|---|---|
| 壓縮方式 | 無損,保留每一個像素 | 有損,捨棄細節 |
| 透明背景 | 支援(alpha 通道) | 不支援 |
| 檔案大小 | 較大,照片尤其明顯 | 小很多 |
| 反覆存檔後畫質 | 不會變差 | 每存一次掉一點 |
| 最適合 | logo、圖示、文字、線稿、截圖 | 照片、寫實影像 |
| 色彩 | 最多 1600 萬色 + 8-bit 透明 | 1600 萬色,無透明 |
PNG:無損、可透明
PNG 採用無損壓縮,會完整保留每一個像素——不管重新輸出幾次都不會掉畫質。它還透過 alpha 通道支援透明背景,所以 logo 可以擺在任何底色上,不會被一塊白框包住。因此 PNG 最適合:
- logo、圖示、邊緣銳利的插圖
- 螢幕截圖,尤其是含有文字的
- 線稿、圖表、色塊平整的圖形
- 需要透明背景的圖
- 要反覆編輯、重存的素材
代價是檔案大:同一張照片存成 PNG,往往是 JPG 的好幾倍大——因為無損壓縮沒辦法丟掉真實照片裡那些細微的雜訊和漸層。
透明是「一旦選錯就回不去」的地方,而數字比多數人想的小。測試的透明標誌是 28.8 KB 的 PNG;同一個檔案丟進我們的 PNG 轉 JPG 頁面,出來是 16.3 KB(-43%)—— 便宜了,但原本透明的位置變成一塊白底。這裡你換掉的不是畫質,是一個功能。
JPG:檔案小、為照片而生
JPG 採用有損壓縮:捨棄肉眼幾乎察覺不到的細節,把檔案壓得非常小——同一張照片常常只有 PNG 的五分之一到十分之一。它不支援透明,但最適合:
- 照片、有平滑漸層的寫實影像
- 需要快速寄送、上傳、發文的圖片
- 檔案大小比「像素級精準」更重要的場合
缺點是每次儲存都會再損失一點畫質,所以同一張 JPG 反覆編輯、重存會愈存愈糊。銳利邊緣、文字和平整色塊周圍還可能出現方塊狀的「壓縮痕跡」——這正是 JPG 不適合放 logo 和截圖的原因。
「JPG 比較小」這句話,只在一種常見輸入上會失效:截圖。我們的截圖 18.0 KB → 43.5 KB(+142%)—— JPG 得花位元去模糊那些 PNG 幾乎免費就存好的 1 像素銳利邊框。所以規則不是「JPG 比較小」,是「JPG 對照片比較小」。
真正該在意的差別
- 壓縮(有損 vs 無損): JPG 用一點畫質換來小很多的檔案;PNG 保留完美畫質,但要付出檔案變大的代價。
- 透明: 只有 PNG 支援,JPG 一定會用純色把背景填滿。
- 檔案大小: 照片幾乎都是 JPG 勝;但顏色少的平面圖形,PNG 反而可能又小又清晰。
- 反覆編輯的畫質: PNG 可以無限次開檔、編輯、重存都不掉畫質;JPG 每存一次都是回不去的損失。
- 細節與色彩: 兩者都能處理上千萬色,但 JPG 會讓細小文字和銳利線條變糊,PNG 則能保持清晰。
而反方向並不對稱,那是多數比較文都漏掉的部分。照片從 JPG 轉 PNG 在我們的實測是 330.2 KB → 2.07 MB(+542%);JPG 截圖是 45.2 KB → 72.8 KB(+61%)。兩者都救不回任何東西:JPEG 早就把細節丟了,PNG 只是把剩下的(連壓縮痕跡一起)按原價存起來。
我們自己量到的兩列,一次解決這個比較的兩半:
| 測試圖 | 輸入 | 輸出 | 變化 |
|---|---|---|---|
| 帶透明的標誌 | 28.8 KB | 16.3 KB | -43% |
| 螢幕截圖 | 18.0 KB | 43.5 KB | +142% |
標誌是 28.8 KB → 16.3 KB(-43%)—— 真的省了,只是透明通道不見了而且回不來,所以那個「省」買到的是一張在有色背景上不能用的圖。螢幕截圖走的是反方向:18.0 KB → 43.5 KB(+142%),轉成 JPG 反而更大,因為 JPEG 要花位元去描述那些 PNG 幾乎免費就能編碼的一像素硬邊。真正的規則是這樣:JPG 不是「比較小的那個」,它是「在照片上贏、在任何平坦的東西上輸」的那個。
何時選 PNG、何時選 JPG
- 需要透明? → PNG。
- 是照片、不需要透明? → JPG。
- logo、圖示、截圖、線稿? → PNG。
- 檔案太大、傳不動? → JPG。
- 要一直改的母檔? → PNG(最後要用時再輸出 JPG)。
常見問題
哪個畫質比較好? 同樣內容下,PNG 是理論上完美,JPG 是「夠好」。但實際看照片時你通常分辨不出差別——而 JPG 的檔案只有一小截。
哪個檔案比較小? 照片是 JPG 小;顏色少的簡單圖形則常常是 PNG 小。
哪個支援透明? PNG。如果把透明的 PNG 轉成 JPG,透明區域會變成純色(通常是白色)。
JPG 轉回 PNG 能救回畫質嗎? 不行。JPG 壓縮已經丟掉的畫質就是回不來了,轉成 PNG 只是把這張有瑕疵的圖包成一個更大的無損副本。
那 WebP 和其他格式呢?
WebP 是現代格式,常能兼顧兩者優點——同時支援透明又有照片級的壓縮率,通常比 JPG 或 PNG 小 25–35%。想幫使用新瀏覽器的訪客加速網站,它很好用,可參考什麼是 WebP、何時該用。若你要從頭替網站挑格式,這篇網頁最適合的圖片格式會把 PNG、JPG、WebP、AVIF 並排比較。
如何轉檔(且保護隱私)
不必安裝任何東西。以下免費工具全程在你的瀏覽器本機執行,圖片不會上傳:
- PNG 轉 JPG——把 PNG 照片縮小方便分享。
- JPG 轉 PNG——需要無損副本或乾淨編輯時用。
- PNG 轉 WebP——更小的現代網頁圖片。
- 壓縮圖片——保留格式、只把檔案變小。
依用途選對格式,幾下點擊就轉好,就能在你真正需要的畫質下拿到最小的檔案。