UltKit

JPG、JPEG、PNG 差別在哪?該用哪種格式 | UltKit

JPG 和 JPEG 是同一種格式、兩種副檔名,源自 MS-DOS 檔名只能用三個字母的限制。真正要選的是 JPEG 還是 PNG:JPEG 捨棄一般看不出來的細節,讓照片檔案變小;PNG 則完整保留每個像素並支援透明背景,代價是照片檔案大上許多。

Elena VásquezElena Vásquez圖片格式編輯
更新於 12 分鐘閱讀
一堆散落在桌上的舊沖印照片、明信片與生活快照

同一種格式為什麼有兩個名字:JPG 與 JPEG

JPEG 是一個委員會的名稱,而不是檔案。聯合圖像專家小組(Joint Photographic Experts Group)隸屬於 ISO 與 ITU,於 1992 年發布其壓縮標準 ISO/IEC 10918-1,亦稱 ITU-T T.81。該標準說明如何把照片壓進更少的位元組,卻沒有規定檔案該叫什麼名字。最直覺的副檔名是 .jpeg,Unix 系統與早期的 Mac 就是這樣用。該小組至今仍經營 jpeg.org,除了原始格式,也維護 JPEG 2000 和 JPEG XL 等較新的格式。

Windows 因為 MS-DOS 而走了另一條路。DOS 檔名遵循 8.3 規則:最多八個字元、一個點,副檔名最多三個字元。四個字母的 .jpeg 在當時的 FAT 磁碟上根本無法存在,所以 Windows 程式改存成 .jpg。Windows 95 以長檔名解除了這項限制,但那時 .jpg 已成為相機廠商、掃描器驅動程式和網站的慣例。數位相機遵循的相機檔案系統規則仍然寫出 DSC_0001.JPG 這類名稱,因此世界上大多數照片都使用三個字母的版本。

檔案內部沒有任何差異。.jpg 與 .jpeg 可用相同的程式開啟,使用同一個已註冊的媒體類型 image/jpeg,把其中一個改名成另一個,位元組完全相同。較少見的 .jpe 和 .jfif 結尾也是同一種格式。只有當軟體檢查的是副檔名文字而不是內容時,拼法才有影響,例如允許清單只寫 jpg、png 的上傳表單。這種情況下請重新命名檔案,或使用 JPEG 轉 JPG,它會以品質 95 重新儲存,並使用表單要求的副檔名。

  1. 1992

    JPEG 標準

    ISO/IEC 10918-1 定義了針對連續色調照片的失真壓縮。

  2. 1995

    長檔名

    Windows 95 允許超過三個字母的副檔名,但此時 .jpg 早已根深蒂固。

  3. 1996

    PNG 1.0

    W3C 發布 PNG,作為無專利、無損的 GIF 替代格式。

  4. 2004

    PNG 成為 ISO 標準

    同一份規格成為國際標準 ISO/IEC 15948。

  5. 2025

    PNG 第三版

    W3C 的修訂版正式納入動態 PNG,並新增 HDR 色彩支援。

JPEG 與 PNG 如何儲存圖片

JPEG 在設計上就是失真壓縮。編碼器會把影像從 RGB 轉換成一個亮度通道和兩個色彩通道,且通常以一半的解析度儲存色彩通道,因為人眼對色彩細節遠不如對亮度敏感。接著把圖片切成 8 × 8 像素的區塊,把每個區塊表示為平滑波形圖樣的總和,並捨去最不重要的細微圖樣。匯出對話框中的品質數字,控制的就是捨去的力道。在 85 時,照片在螢幕上看起來沒有變化;在 50 時雖然能繼續縮小,但捨去的痕跡開始顯現。

PNG 是無損的。它精確儲存每個像素,先經過以相鄰像素預測每個像素的過濾步驟,再用 DEFLATE 壓縮,也就是 ZIP 檔案內部使用的同一種演算法。壓縮的原理是找出重複。純白背景的螢幕截圖、只有五種顏色的圖表,或邊緣銳利的標誌,到處都是重複,能壓成很小的檔案。照片則不然:感光元件雜訊、顆粒和柔和漸層,使得相鄰像素幾乎都不相同,所以照片的 PNG 仍會比同一張圖的 JPEG 大好幾倍。規格由 W3C 發布。

這個差異也解釋了你見過的瑕疵。JPEG 的損傷表現為平滑天空中的方塊、飽和紅色邊緣的色彩暈開,以及銳利文字與線條周圍稱為振鈴的淡淡波紋。編輯後再次儲存 JPEG 會重複捨去的動作,每次多損失一點,這稱為世代損失。PNG 本身不會產生瑕疵,但也無法移除已存在的瑕疵:JPEG 轉成 PNG 後,每個方塊與波紋都會被完整保留。JPG 轉 PNG 轉換器的用途是在編輯前固定圖片,而不是修復圖片。

透明背景:JPG 做不到的功能

PNG 可以帶有 Alpha 通道,也就是每個像素的第四個值,表示不透明程度,從 0(完全透明)到 255(完全不透明)。這讓柔和的陰影、消除鋸齒的曲線和去背的商品照片在任何背景上都看起來正確,因此標誌、圖示、貼紙、疊加圖層和介面圖形通常都用 PNG。PNG 也能儲存最多 256 色且帶透明度的調色盤,常稱為 PNG-8,可讓簡單圖示特別小。JPEG 完全沒有 Alpha 通道:JPEG 中的每個像素都是完全不透明,這種格式無法把任何區域標示為透明。

所以當帶透明度的 PNG 變成 JPG 時,必須有東西來填滿空白區域。許多程式會選白色,有些選黑色,不夠細心的轉換器還可能在半透明邊緣留下奇怪的深色邊。如果你需要 JPG,請刻意選擇填色:PNG 轉 JPG 時,把透明區域設為白色、黑色,或與圖片將出現的頁面或投影片相符的自訂顏色。反向則無法只靠轉換達成。JPG 中的白色背景在 PNG 中仍然是白色;去除它屬於編輯工作,要選取背景再刪除。

Tip任何標誌或去背圖片都請保留原始 PNG,即使你為了表單匯出了 JPG。之後無法從 JPG 找回透明度。

幾張列印出來的拍立得照片散放在白色桌面上,後方是一本攤開的相簿,其中一頁帶有橘色花紋
照片:Unsplash

同一張圖片存成 JPG 和 PNG 的檔案大小

檔案大小是這兩種格式差異最明顯的地方,而且方向取決於內容。對照片而言,品質 80 到 90 的 JPEG 在相同像素尺寸下,通常比 PNG 小五到十倍,在手機或筆電螢幕上看不出差別。對單色塊的圖形而言,結果可能反過來:標誌、圖表或文字截圖存成 PNG 往往比 JPG 小,而且 PNG 保持完美銳利,JPG 則會在每個字周圍出現振鈴。下列數字是典型範圍,並非單一檔案的實測值;雜訊、細節與顏色數量會讓數字上下浮動。

檔案大小比看起來更重要。Gmail 限制每封郵件附件為 25 MB,Outlook.com 為 20 MB,所以手機拍的五張 PNG 照片可能寄不出去,五張 JPG 卻能輕鬆通過。許多政府和考試入口網站把上傳限制在數百 KB 甚至更少。網頁的每個位元組都要透過行動數據載入,過大的 PNG 照片是網頁感覺很慢的常見原因。當 JPG 對入口網站來說仍然太大時,逐步降低品質通常比縮小尺寸更不容易看出變化;縮小圖片 KB 指南會逐一說明這兩種做法。

同一張圖以兩種方式儲存的典型大小(JPG 品質 85,PNG 為 24 位元色彩)
圖片尺寸JPGPNG較小的結果
手機照片4032 × 3024 px3–5 MB15–25 MBJPG
調整為網頁用途的照片1920 × 1080 px400–700 KB3–5 MBJPG
文件截圖1920 × 1080 px250–450 KB150–400 KBPNG,而且更清晰
四色平面標誌1000 × 1000 px60–120 KB15–40 KBPNG
掃描頁面,灰階2480 × 3508 px0.5–1.5 MB1.5–5 MBJPG

依圖片內容選擇 JPG 或 PNG

請依內容決定,而不是憑習慣。如果圖片是照片或看起來像照片,有連續色調和柔和漸層,JPG 在檔案大小上勝出,且看不出代價。如果內含銳利文字、單色塊、細線或必須透明的區域,PNG 能保持乾淨,而且往往更小。混合型圖片,例如印有說明文字的照片,傾向使用品質 90 以上的 JPG,除非文字小到振鈴會影響閱讀。照片的螢幕截圖在此仍視為照片。

也要想想檔案接下來會怎麼用。還要再編輯多次的圖片,存成 PNG 比較安全,因為每次儲存 JPG 都會增加損失。要送往表單、市集商品頁或沖印店的圖片,通常最適合存成高品質 JPG。對你自己的網站來說,兩者現在常被較新的格式超越:WebP 和 AVIF 讓照片比 JPG 更小,且仍支援透明度,所有現行瀏覽器都能顯示。AVIF、HEIC 與 WebP 比較說明何時值得採用這些格式,以及何時相容性仍然偏向 JPG。

失真

JPG / JPEG

照片檔案小;捨棄人眼不在意的細節。

  • 品質 80–90 在螢幕上看起來沒有變化
  • 不支援透明,只有不透明像素
  • 每次重新儲存都會多一點損失
  • 幾乎所有表單與沖印店都接受
Best for: 照片、有 KB 限制的上傳、電子郵件和列印。
無損

PNG

精確儲存每個像素,並可選擇帶透明度。

  • 文字、線條和單色塊銳利
  • 完整 Alpha 通道,適合去背圖
  • 照片會大上好幾倍
  • 可放心反覆編輯與儲存
Best for: 螢幕截圖、標誌、圖示、圖表和編輯用母檔。

表單、申請平台與印刷廠接受哪些格式

JPG 是幾乎所有上傳表單都接受的格式。護照與簽證系統、考試與求職入口網站、保險理賠、學校申請和市集商品頁,通常都把 JPG 或 JPEG 列在最前面,且常附有 KB 上限和固定的像素尺寸。例如美國國務院的線上護照換發,就要求照片為 JPEG 檔案。這類表單支援 PNG 的情況很常見,但遠非普遍,而 WebP、HEIC 和 AVIF 往往直接被拒絕。如果表單只列出 JPG,PNG 照片或螢幕截圖必須轉換,而不是改名,因為許多入口網站會檢查實際的檔案內容。

有些地方反而要 PNG。App Store Connect 要求 1024 × 1024 px 的 PNG 應用程式圖示,Google Play 要求 512 × 512 px 的 PNG 圖示,而把設計印在 T 恤和馬克杯上的隨選列印商店,通常要求透明背景的 PNG,讓布料顏色透出來。網站圖示產生器、貼圖應用程式和簡報範本也常因同樣原因偏好 PNG。在這些情況下,JPG 不是被拒絕,就是看起來不對,背景本該消失的地方會出現一個圍住設計的白框。

印刷介於兩者之間。一般照片沖印店和藥妝店的自助機到處都接受 JPG,PNG 則是許多但並非所有櫃檯接受,而且以品質 90 或更高儲存的 JPG,在一般尺寸下印出來與 PNG 完全相同。對印刷更重要的是解析度(最終尺寸約為每英吋 300 像素)和色彩。商業印刷使用 CMYK,JPEG 可以儲存而 PNG 不行,所以平版印刷廠通常要求 PDF、TIFF 或高品質 JPG,而不是 PNG。有疑慮時,請給印刷廠品質 95 的 JPG。

改檔名不等於轉換

把 photo.png 改成 photo.jpg 只是改了標籤。檔案內部仍然是 PNG,會讀取檔案標頭的入口網站會拒絕它,或在上傳後顯示錯誤。唯一安全的改名是 .jpeg 改成 .jpg,因為它們本來就是同一種格式。

JPG 與 PNG 互轉,不造成額外失真

轉檔是單向的取捨,所以要選對方向,並保留原始檔案。表單和電子郵件最常見的做法是 PNG 轉 JPG:透明部分會填上單一顏色,照片的檔案大小通常會大幅縮小,細緻的邊緣會稍微變柔。JPG 轉 PNG 則適合編輯前使用,或是規定一定要 PNG 時使用:畫質不會變好,檔案還會變大,但不會再增加新的損失。JPEG 轉 JPG 完全不會改變圖片本身,只是為了讓對拼寫挑剔的軟體能正確讀取副檔名。

這三種轉換都能在瀏覽器中完成。在 UltKit 上,一次最多可放入 20 個檔案,每個檔案最大 95 MB,選好目標格式後按下 轉換為 JPG 或 轉換為 PNG 即可;不需安裝任何軟體,也不用註冊帳號,檔案會在處理後 30 分鐘刪除。在自己的電腦上,Windows 的 Paint 和 Mac 的 Preview 可以一次將一張圖片另存為 JPEG 或 PNG,但兩者都無法讓您指定取代透明部分的背景色。手機通常需要 App 或網站才能進行這兩種轉換。

有幾項設定會決定結果。照片轉成 JPG 時,品質 設在 80 到 90 之間,可以兼顧檔案大小與畫面效果;列印或含有文字的圖片請用 95。只有在重視隱私或檔案大小時才勾選 移除中繼資料,因為拍攝日期和相機型號日後可能還用得到。如果輸出的檔案仍超過網站的限制,建議轉換完再壓縮,不要在轉換時隨意猜一個較低的品質,這樣才看得到實際達到的檔案大小。像 壓縮圖片 這類著重檔案大小的工具,會逐步降低品質直到檔案符合限制。

  • 照片、掃描檔或任何有柔和漸層的圖片:以品質 80–90 儲存為 JPG。
  • 螢幕截圖、圖表、標誌或文字圖形:保留為 PNG。
  • 需要透明背景:使用 PNG,若是自己的網站也可用 WebP。
  • 表單只接受 JPG:請轉檔而不是直接改副檔名,再確認 KB 上限。
  • 之後還要再編輯:保留 PNG 母檔,最後再匯出 JPG。
  • 檔案是 .jpeg 但表單要求 .jpg:重新命名或重新儲存即可,格式完全相同。

重點整理

  • JPG 和 JPEG 是同一種格式;三個字母的寫法源自 MS-DOS 的 8.3 檔名規則。
  • JPEG 是失真壓縮,照片檔案小;PNG 是無損壓縮,照片檔案較大,但平面圖形往往更小。
  • 只有 PNG 能保留透明度;轉成 JPG 時會填上單一顏色,建議自己選擇這個顏色。
  • 表單、電子郵件和照片列印用 JPG 最保險;App 圖示和隨選列印設計通常要求 PNG。
  • JPG 轉 PNG 能避免之後再失真,但無法消除已經存在的壓縮瑕疵。
分享XFacebookWhatsAppTelegram

常見問題

PNG 的品質比 JPG 好嗎?

PNG 是無損壓縮,不會再增加壓縮損傷,但以正常觀看尺寸來看,品質 85 到 90 的優質 JPG 照片和 PNG 看起來一樣。差別出現在文字、銳利邊緣和反覆儲存的情況:PNG 依然乾淨,JPG 則會出現壓縮瑕疵。

JPG 每次開啟都會降低品質嗎?

不會。開啟、檢視、複製或上傳 JPG 都不會改變它。只有在編輯軟體將圖片重新儲存為 JPG 時才會有損失,因為壓縮會對編輯後的像素再執行一次。

網站用哪種格式比較好?

照片方面,WebP 或 AVIF 通常能得到最小的檔案,而且目前所有瀏覽器都支援,再以 JPG 作為通用的備用格式。標誌和圖示方面,有向量原始檔時最適合用 SVG;否則用 PNG 或無損 WebP 可以保持邊緣銳利。

PNG-8 和 PNG-24 有什麼差別?

PNG-8 從調色盤中儲存最多 256 種顏色,適合簡單的圖示和平面圖形,檔案大小往往只有一小部分。PNG-24 儲存完整的 8 位元紅、綠、藍色版,PNG-32 則再加上 8 位元的 Alpha 色版,可呈現平滑的透明效果。

為什麼我的 iPhone 照片不是存成 JPG?

自 iOS 11 起,iPhone 預設將新照片儲存為 HEIC,同樣品質下檔案比 JPG 小。您可以在「設定」「相機」「格式」中選擇「最相容」改存 JPG,或是在表單或舊程式不接受 HEIC 時,將 HEIC 檔案轉成 JPG。

漸進式 JPEG 和一般 JPG 有什麼不同?

它是同一種格式,只是圖片資料分成多個階段儲存,所以瀏覽器可以先顯示模糊的完整圖片,隨著更多資料送達再逐漸變清晰。檔案大小差不多,能開啟 JPG 的程式也都能開啟漸進式 JPEG。

延伸閱讀