PNG、JPG、WebP——我該用哪種圖片格式？
網路上幾乎每一張圖片，都屬於三種格式之一，而每一種格式為了達到目的，都犧牲了不同的東西。JPG 會積極壓縮照片，丟掉肉眼不太可能注意到的細節；PNG 會讓每個像素都原封不動保留，並額外支援透明背景；WebP 則是 Google 推出的較新格式，試圖同時兼顧這兩件事——有損與無損壓縮，加上透明背景——通常還能做出比這兩種舊格式更小的檔案。選錯格式很少會是致命傷，但確實會導致頁面載入時間拖沓，或圖片明顯模糊、出現方塊狀瑕疵。本篇指南會拆解每種格式底層實際在做什麼、HEIC（iPhone 儲存照片所用的格式）在其中處於什麼位置，以及如何在不上傳檔案的情況下轉換或壓縮這些格式。
什麼是 JPG？什麼時候該用它？
JPG（也寫作 JPEG）採用有損壓縮：它以區塊為單位分析圖片，丟掉人眼不太容易注意到的細節與色彩變化，解碼時再重建出一個近似的結果。正是這個取捨，讓 JPG 檔案變小——一張未壓縮要占好幾 MB 的照片，壓縮到大多數人分辨不出與原圖差異的畫質設定下，往往只需要幾百 KB。JPG 沒有透明通道，所以永遠會用不透明背景呈現，也不適合截圖、線稿或文字這類內容，因為在這些場景下，銳利邊緣周圍的柔化模糊會變得很明顯。請把 JPG 用在照片與照片類圖片上——商品照、人像、風景照——這類內容重視檔案大小，而且本來就會有背景。
什麼是 PNG？什麼時候該用它？
PNG 採用無損壓縮：你存下的每一個像素，取回時分毫不差，完全沒有近似值。這讓 PNG 成為截圖、UI 設計稿、Logo、示意圖，以及任何含有銳利文字或硬邊緣圖片的正確選擇——在這些場合，有損壓縮的瑕疵，會立刻在邊緣周圍以模糊或方塊狀雜訊的形式顯現出來。PNG 也支援完整的透明（alpha）通道，所以 Logo 或圖示可以擁有真正透視的背景，而不是周圍圍著一圈白色或彩色方框。代價是體積：因為 PNG 不能丟棄細節，同一張照片存成 PNG，通常會比存成 JPG 大上好幾倍，而對照片這類主體來說，這樣做並不會帶來肉眼可見的畫質提升。
什麼是 WebP？它和 JPG、PNG 有什麼不同？
WebP 是一種較新的格式，目標是一次取代前面兩種舊格式。它在同一種檔案格式裡，同時支援有損與無損壓縮，外加像 PNG 一樣完整的透明通道——所以單一格式就能同時應付壓縮照片、無損截圖與透明 Logo。實務上，WebP 檔案通常比同等畫質的 JPG 小 25%–35%，無損 WebP 通常也比存成 PNG 的同一張圖片更小。自 2020 年代初以來，瀏覽器對它的支援幾乎已經普及（每一款主流瀏覽器都能原生算繪），這也消除了過去反對使用它的主要理由。剩下的顧慮在於瀏覽器之外的相容性：一些較舊的影像編輯軟體、老舊的 CMS 外掛，以及印刷或設計工作流程，仍然無法直接開啟 WebP，所以在全面採用它之前，值得先確認你自己使用的工具鏈是否支援。
HEIC 處於什麼位置？該不該轉換它？
HEIC 是 iPhone 自 iOS 11 起，預設用來儲存照片的格式——它在相近畫質下，壓縮效率比 JPG 更高，這也是它在手機上占用空間比較少的原因。問題出在相容性，不是畫質：不少 Windows 軟體、較舊的 Android App、網頁表單與電子郵件用戶端，要嘛完全打不開 .heic 檔案，要嘛處理得很彆扭。如果你要把照片分享到可能不支援 HEIC 的地方——上傳到網站、寄給用未知裝置的人、發布到較舊的軟體——為求最廣泛的相容性，請先轉成 JPG；只有在你確實需要無損畫質或透明背景時（一般相機照片很少有這種需求），才轉成 PNG。LocalMedia 的 HEIC 轉 JPG 轉換器會完全在你的瀏覽器裡完成這個轉換，照片從你的裝置讀取、轉換，再存回去，全程不會上傳到任何地方。
依使用情境來看，實際上該選哪種格式？
這個決定通常取決於圖片裝了什麼內容、又要用在哪裡。對於要放上網路的照片或寫實風格圖片：如果你的平台支援 WebP 就用 WebP，否則用 JPG。對於截圖、掃描文件、示意圖，或任何含有文字的內容：用 PNG（或無損 WebP），讓邊緣保持銳利。對於需要透明背景的 Logo、圖示或圖形：用 PNG 或 WebP——絕對不要用 JPG，因為它完全無法呈現透明背景。為了在舊軟體、電子郵件用戶端或印刷工作流程中獲得最大相容性，JPG 與 PNG 仍是最安全的通用選擇，因為 WebP 在現代瀏覽器之外的支援依然不太穩定。
為什麼反覆重新儲存 JPG，畫質會越來越差？
因為 JPG 的壓縮是有損的，每次你打開一張 JPG、編輯它，再重新存成 JPG，這個格式都會在第一次就已丟棄的細節之上，重新分析並再丟掉一次細節。反覆編輯並重新儲存幾次之後，累積的損耗就會以柔化模糊、色帶，或邊緣周圍的方塊狀瑕疵等形式，變得肉眼可見——這個問題常被稱為世代耗損（generation loss）。PNG 不會有這個問題，因為無損壓縮無論重新儲存多少次，都不會丟棄細節。如果你需要多次編輯同一張照片，請在編輯過程中保留一份 PNG 或其他無損格式的母版，只在最後交付時，才匯出一次 JPG。
如何在不上傳的情況下轉換或壓縮圖片？
在 JPG、PNG、WebP 與 HEIC 之間轉換，或是把過大的檔案縮小，其實完全不需要把圖片送到伺服器——瀏覽器自己就能解碼並重新編碼大多數常見的圖片格式。LocalMedia 的圖片格式轉換工具能直接在你的瀏覽器分頁裡切換 JPG、PNG 與 WebP，圖片壓縮工具則透過調整畫質或尺寸來縮小檔案，兩者都不會讓檔案離開你的裝置。你可以自行確認：打開瀏覽器的開發者工具（F12），切到 Network 分頁，在轉換或壓縮檔案時觀察有沒有出現上傳請求——真正本機執行的工具，什麼都不會送出去。
相關工具
常見問題
- PNG 和 JPG 哪個比較好？
- 兩者都不是絕對比較好——它們是為不同內容設計的。JPG 的有損壓縮讓照片檔案小得多，而 PNG 的無損壓縮能讓截圖、文字與圖形免於模糊，並提供 JPG 完全沒有的透明背景支援。照片用 JPG，任何有銳利邊緣、文字或透明背景的內容用 PNG。
- WebP 比 JPG 好嗎？
- 就檔案大小與畫質來說，大致上是的：WebP 通常能做出比同等畫質的 JPG 小 25%–35% 的檔案，而且還支援透明背景與無損壓縮，這些都是 JPG 完全做不到的。仍然選擇 JPG 而不是 WebP 的唯一理由，是為了相容那些打不開 WebP 檔案的舊軟體或工作流程。
- WebP 支援透明背景嗎？
- 支援。WebP 在有損與無損兩種模式下，都具備完整的 alpha 透明通道，因此它可以取代 PNG 來製作透明 Logo 與圖示，通常還能做出更小的檔案。
- HEIC 該轉成 JPG 還是 PNG？
- 幾乎所有情況都該轉成 JPG——它體積更小、相容性更廣，正好符合一般相機照片的需求。只有在你確實需要無損畫質或透明背景時，才轉成 PNG，而這對一般照片來說並不常見。
- 哪種格式產生的檔案體積最小？
- 對照片而言，有損 WebP 通常體積最小，其次是 JPG，PNG 則大得多。對截圖、文字或線稿而言，無損 WebP 通常體積最小，其次是 PNG，因為不管檔案大小如何，JPG 的有損壓縮都不太適合銳利邊緣。
- 在 PNG、JPG 與 WebP 之間轉換會損失畫質嗎？
- 從無損格式（PNG）轉換到另一種無損設定，畫質會被完整保留。轉成有損格式，或在有損格式（JPG、有損 WebP）之間轉換，一定會重新壓縮圖片，所以每次轉換都會損失一些畫質——如果你預期會把一張圖片轉換或編輯超過一次，請保留一份無損的母版。