當我們從網路、手機下載並儲存圖片時，最常看到的檔案格式想必就是「JPEG」和「PNG」了。乍看之下，JPEG 和 PNG 圖片似乎沒有太大的不同，但其實這兩種檔案格式之間存在著非常大的差異喔！
究竟 JPEG 和 PNG 有什麼差別呢？有時可能還會看到「JPG」這個檔案格式，它和 JPEG 又有什麼關係？
JPEG
JPEG 的全名是「聯合圖像專家小組（Joint Photographic Experts Group）」，由聯合圖像專家小組開發，並在 1922 年時發佈。
JPEG 是大部分相機和網站所使用的檔案格式，它主要是透過會將圖片進行壓縮來讓檔案變小，壓縮的範圍約為 10：1～20：1，實際壓縮比例則根據程式和編輯器而有所不同。相較大型圖像，網頁在上傳、載入小型圖像的速度都更快，提升網站的運行速度。
JPEG 使用的壓縮方式是離散餘弦轉換（DCT），由於 DCT 主要是透過「合併相似的像素」來進行壓縮，因此在壓縮的過程中一定會造成部分的圖像資料遺失，並且用戶無法恢復已經合併的像素。
如果單純只有經歷一次壓縮的話，那 JPEG 和 PNG 之間的差異其實並不會太明顯。不過，每次開啟並儲存同一張 JPEG 圖像後，它就會再經歷一次壓縮，重覆儲存（進行壓縮）的次數越多，這張 JPEG 圖像的品質就會變得越差。
▼ 壓縮的次數越多，JPEG 圖像的品質就會變得越差
來源：FixThePhoto
▉ JPEG 的優缺點
優點：
- 檔案較小
- 能夠控制壓縮程度
- 支援大部分的瀏覽器或編輯器
缺點：
- 會損失部分的圖像資料
- 不支援透明背景
- 不適用於 CMYK 列印
＊補充：什麼是「CMYK 列印」？
CMYK 是色彩模式的一種，主要是用在彩色印刷上。
CMYK 是由青色、洋紅色、黃色和黑組合而成，它和 RGB 最大的差別在於：RGB 是光的三原色，所以 RGB 的顏色疊合之後會越疊越白；CMYK 是油墨顏色，所以 CMYK 的顏色會越疊越黑。
▼ RGB 和 CMYK 的疊色示意圖
來源：FixThePhoto
▉ JPG 和 JPEG 有什麼差別？
其實，除了字元數不同外，JPG 和 JPEG 沒有任何差別。同一個檔案格式之所以會衍生出兩個副檔名，單純只是因為作業系統的字元限制。
JPEG 在 1992 年登場時，由於當時最主流的 Windows 和 DOS 系統只支援三個字的副檔名，「.jpeg」就被簡化成了「.jpg」。而同時期的 UNIX 系統卻沒有相關的限制，所以 MAC 和 UNIX 用戶使用的是「.jpeg」這個副檔名，就這樣導致了「同一個檔案格式卻有兩個副檔名」的奇異情況。
時至今日，Windows 系統早已沒有副檔名的字元限制，但由於人們已經習慣了「.jpg」這個副檔名，因此「.jpg」這個副檔名就這樣沿用下來了。
PNG
PNG 的全名是「可攜式網路圖形（Portable Network Graphics）」，主要是用來改善並取代 GIF 的一種格式。
PNG 通常是螢幕截圖的預設檔案格式，由於它可以保留所有圖像的細節，因此非常適合用來儲存細節豐富或對比度高的圖像。PNG 的另一大特色在於它支援透明背景，用戶就能藉由透明背景讓 LOGO、圖表或文字等圖像與網站排版完美對齊。
PNG 使用的是壓縮方式是 LZW 壓縮，它是一種無損資料壓縮法，因此就算重覆儲存 PNG 圖像，也不會造成任何圖像資料遺失。不過，由於 PNG 圖像可能會佔據大量的容量，建議只有「原始檔案」使用 PNG 格式就好，後製過的圖像則使用其他格式來儲存。
▼ 有時 PNG 會有白灰色的方格背景，來表示這是透明圖片
來源：FixThePhoto
▉ PNG 的優缺點
優點：
- 可保留更多文字或圖像細節
- 不會遺失圖像資料
- 支援透明背景
缺點：
- 檔案較大
結論：我該使用 JPEG 還是 PNG？
JPEG 和 PNG 各有其優缺點，這兩種檔案格式並沒有誰好誰壞之分，一切全看使用情境而定。如果說 JPEG 是在檔案大小與圖像品質間妥協後的結果，PNG 就是犧牲檔案大小來維持圖像品質。
JPEG 的使用情境：
- 分享到社群平台的圖像
- 風景照、人像照等
- 後製完成的圖像
- 不需要放大的圖像
PNG 的使用情境：
- 預計進行後製、加上註釋的圖像
- 希望永久保留的圖像
- 包含 LOGO、文字或銳利線條的圖像
- 透明圖像
▼ JPEG 和 PNG 在一般情況下沒有太大差別，放大後的細節處才比較有差
首圖來源：Soda PDF
資料來源：Adobe、FixThePhoto、iMyMac、Lead Nerds