JPG 和 PNG 解決兩個不同的問題，而你手上已有的格式，決定了這張影像在所有地方呈現時的樣貌。JPG（也稱為 JPEG）是一種破壞性壓縮的相片格式：它會捨棄眼睛幾乎察覺不到的細節，以換取較小的檔案大小，這使得它非常適合用於相機照片、網站主視覺圖片、電子郵件附件，以及任何載入速度比像素級完美更重要的場景。PNG 是一種無失真壓縮格式：它會精確儲存每一個像素，保留銳利的邊緣和扁平色塊，並且能夠支援 JPG 無法做到的透明背景。當目標是盡可能小的相片檔案，且影像基本上已經定稿時，請選擇 JPG；當你計畫繼續編輯、圖形具有銳利邊緣或文字、某個工具拒絕接受 JPG，或你需要透明背景或可印刷的檔案時，請選擇 PNG。兩者之間的轉換是單向操作。JPG 轉 PNG 會為你取得一個無失真的容器，方便日後編輯；而 PNG 轉 JPG 則會失去透明度，但會大幅縮減檔案大小。
JPG vs PNG 一覽
這兩種格式各有不同的取捨，並排比較是最快的方式，能看出為何其中一種更適合你的任務。
| 屬性 | JPG (JPEG) | PNG |
|---|---|---|
| 壓縮類型 | 破壞性 — 捨棄眼睛忽略的細節 | 無失真 — 精確保留每一個像素 |
| 相片的典型檔案大小 | 小（數十到數百 KB） | 較大，通常是前者的數倍 |
| 透明度／alpha 通道 | 不支援 | 支援 |
| 最佳內容 | 相機照片、網站主視覺圖片、電子郵件圖片 | 標誌、UI 圖形、螢幕截圖、文字圖片 |
| 重新儲存時的表現 | 每儲存一次品質就略為下降 | 保持像素完全一致 |
| 瀏覽器與應用程式支援 | 通用 | 通用 |
從這個表格中可以看見兩個明顯的規律。在自然相片的小檔案大小上，JPG 勝出；在需要精確像素、銳利邊緣或透明度的任何場景，PNG 勝出。接下來兩個小節會把這點化為具體的決策。
當檔案越小越重要時，請選用 JPG
JPG 的存在目的就是讓相片影像變小。一張以高品質 JPG 儲存的智慧型手機相片，檔案大小通常只有同一張影像以 PNG 儲存時的一小部分，而這個差距正是該格式成為相機、社群媒體和網路預設選項的全部原因。當目標是位元組數時，JPG 幾乎總是正確的選擇。
- 影像是一張具有連續色調與柔和漸層的實際世界相片。
- 檔案會從網站提供或透過電子郵件寄送，在這些場景中，較小的位元組代表更快的載入速度與更少的退信。
- 影像是最終版本，你不打算再進行多次裁切、調色與重新匯出。
- 儲存空間或頻寬有限，例如產品型錄、行動裝置上傳或大型封存。
JPG 有一個微妙的優點：編碼器已針對人眼本就忽略的那類細節進行最佳化，因此在高品質設定下，可見的品質損失往往難以察覺。對於縮圖、社群貼文和大多數行銷照片來說，JPG 是務實的選擇。
當你需要無失真或透明度時，請選用 PNG
PNG 會精確儲存每一個像素。這使得它成為下列情況的正確容器：邊緣必須保持銳利、必須經得起多輪編輯，或必須疊在不同背景之上。如果起點是 JPG，那麼改用 PNG 就是刻意切換到非破壞性的格式。
- 影像是標誌、圖示、插圖、螢幕截圖，或任何具有銳利邊緣、文字或扁平色彩的圖形。
- 你打算再次編輯這個檔案——調色、修圖、合成——並重新儲存一次以上。JPG 每次儲存都會略微劣化，而 PNG 不會。
- 某個特定工具、平台或印刷流程要求 PNG。許多設計應用程式、文件範本和資產管線會直接拒絕 JPG。
- 你需要透明背景，讓圖形能夠放在任何顏色之上。只有 PNG 與類似的格式能夠攜帶 alpha 通道。
- 影像將用於印刷，這種情況偏好無失真的來源檔，以避免螢幕預覽與最終成品之間產生任何偏差。
如果你正在為印刷用途權衡格式，較全面的決策指南已收錄在 印刷用 PNG 或 JPG 以及如何轉換。若想取得更廣的視野，並把 WebP 也納入考量，JPEG vs PNG vs WebP 比較文會以第三種選項來說明相同的取捨。
如何在瀏覽器中將 JPG 轉換為 PNG
當決定使用 PNG，但手上的檔案是 JPG 時，JPG 轉 PNG 轉換器 會把相片轉成無失真的 PNG，且不會將檔案上傳到任何地方。整個流程完全在裝置本機上執行，使用瀏覽器的 canvas，因此你的相片不會接觸到任何伺服器。
- 點擊 瀏覽 JPG 檔案 並選擇單張相片，或一次選取多張 JPG 進行批次轉換。
- 每張 JPG 會以原始的寬度和高度解碼並重繪到 HTML canvas 上——不進行縮放、不重採樣——接著匯出為 PNG。
- 從結果清單中逐一 下載 PNG。原始的 JPG 會保留在裝置上的原本位置；轉換器不會覆寫或修改它們。
由於沒有任何檔案被上傳，因此沒有排隊、沒有註冊流程，也沒有強加的檔案大小上限。批次轉換整個資料夾的方式，就是一次選取所有 JPG，然後依序儲存每個產生的 PNG。
轉換為 PNG 能與不能解決的問題
轉換只是容器交換，並非修復操作。一旦 JPG 捨棄了某些細節，那些細節就永遠消失了，將檔案重新編碼為 PNG 也無法回復。你真正得到的是從此之後一個乾淨的無失真容器，因此後續每一次編輯與重新儲存，都不會再疊加另一輪破壞性壓縮。
- 既有的 JPG 失真會保留。原始 JPG 造成的塊狀雜訊、振鈴假影與模糊邊緣，在 PNG 中仍然會存在。
- PNG 通常會比較大。像素級精確的儲存比壓縮過的相片要耗費更多位元組。一個 400 KB 的 JPG 很容易變成 2 MB 的 PNG。這是無失真品質的誠實取捨，而非錯誤。
- 不會自動產生透明度。JPG 沒有 alpha 通道，因此來源本身不帶任何透明度可供繼承。產出的 PNG 會是完全不透明的。如果你需要透明背景，請在轉換之後另外移除背景。
因此，請把 JPG 轉 PNG 視為「從現在起切換到非破壞性的流程」，而不是一種恢復已經損失品質的方法。
轉換之後：壓縮、調整大小或重新利用
一旦手中有了無失真的 PNG，下一步取決於檔案的用途。基於瀏覽器的相同做法也適用於後續步驟，因此你完全不需要把影像交給遠端伺服器。
- 如果 PNG 結果比預期更大，且無失真品質已不再是優先考量，影像壓縮器 可以直接在瀏覽器中縮減檔案大小。
- 如果 PNG 必須符合社群貼文、應用程式圖示或主視覺橫幅所要求的精確寬度和高度，影像調整大小工具 可以在檔案保持本機處理的前提下更改尺寸。
- 如果 PNG 後來需要透明背景，請從確實帶有透明度的來源開始——例如在單色背景上擷取的 UI 元素螢幕截圖，或帶有 alpha 的設計匯出檔——並在轉換後使用另一個工具移除背景。
- 如果 PNG 應該變成 PDF 的一頁、favicon，或格狀版面中的一塊拼圖，這些工作都可以由同一個本機工具組中的其他工具處理。
因為轉換本身已經在本機端完成，所以每個後續步驟也可以在本機端進行。沒有任何資料離開你的裝置，不會建立任何帳號，原始的 JPG 也仍然留在你的磁碟上，方便日後比較不同版本。