將 PNG 轉檔為 JPG 意味著使用瀏覽器的 Canvas API,把無失真的 PNG 影像重新編碼成壓縮的 JPG,這通常能讓照片的檔案大小縮小一個數量級,同時讓結果仍可接受用於網路分享、電子郵件附件與表單上傳。像 PNG To JPG 這種私密的瀏覽器內工具,可讓你挑選 PNG 檔案、讓工具解碼、將任何透明度壓平為白色、依所選品質重新編碼,然後下載已重新命名的 JPG,過程中完全不必上傳到遠端伺服器。檔案大小之所以能大幅縮減,是因為 PNG 與 JPG 解決的是相反的問題 —— PNG 精準保留每一個像素並支援透明度,而 JPG 則捨棄你眼睛幾乎察覺不到的高頻細節,讓產生的檔案僅佔原始檔案的一小部分。為照片選擇 JPG、為 logo 或螢幕截圖選擇 PNG,是貫穿整個工作流程的實用經驗法則。

how to transfer png to jpg
如何批次將 PNG 轉檔為 JPG

什麼時候你確實需要將 PNG 轉檔為 JPG

大多數人搜尋 PNG 轉 JPG 的時機,就是在他們的檔案被平台拒收的那一刻。申請入口網站、有大小上限的電子郵件附件、社群媒體排程工具、線上拍賣以及許多 CMS 上傳框,都只接受 JPG。手機螢幕截圖或商品照片的 PNG 通常也遠比實際需要來得大,多出來的重量會拖慢頁面載入、消耗行動數據。轉換格式一次解決這兩個問題:檔案既符合平台要求,也在傳輸上更輕量。

這兩種格式本就是為不同任務設計的,因此這種轉換確實是一種替換,而不是為了換而換的降級。PNG 精準儲存每一個像素並支援透明背景,這也是設計師將其用於 logo 與螢幕截圖的原因。JPG 是一種攝影格式,透過捨棄眼睛幾乎感受不到的高頻細節,極有效率地壓縮平滑漸層與細緻紋理。一旦理解這個區別,照片選 JPG、圖形選 PNG,就成了常識而不是妥協。

轉檔過程中實際改變了什麼

將 PNG 轉檔為 JPG 時,背後會發生三件事。首先,編碼器讀取原始 PNG 並將其繪製到一塊不透明的畫布上。接著,編碼器將照片的色彩資料送入離散餘弦轉換,這是造成檔案變小的失真步驟。最後,產生的 JPG 沒有 alpha 通道,因此 PNG 中任何透明的像素現在都會有一個實心色彩。這裡介紹的工具在繪製影像前會先把畫布填滿白色,這能讓 logo 的輪廓保持銳利,而不是被迫落在黑色背景上。

屬性來源 PNG輸出 JPG
壓縮類型無失真有失真(基於 DCT)
透明度(alpha)支援無 —— 壓平為白色
最佳用途Logo、螢幕截圖、線條稿照片與連續色調影像
典型檔案大小照片時偏大(多 MB 等級)通常僅佔 PNG 大小的一小部分
品質控制無 —— 保留每一個像素滑桿從 0.60 到 1.00,預設 0.92

大小的縮減是最醒目的數字。一張多 MB 的照片存成 PNG,轉成 JPG 後可能落在數百 KB 到大約 1 MB 之間,視你選擇的品質與畫面細節多寡而定。由於每張影像都不同,工具會在每張預覽旁顯示即時的前後大小,讓你看見自己實際檔案所省下的量,而不是去相信一個通用的估算。

如何使用瀏覽器內工具將 PNG 轉檔為 JPG

如今把 PNG 轉成 JPG 最快的方式,是使用一個完全不上傳任何資料的私密瀏覽器型轉檔器。PNG To JPG 工具直接在頁面上以 Canvas API 跑完整個管線,因此從拖入到下載,像素始終留在你的裝置上。以下是依照的精確步驟。

  1. 在任何現代瀏覽器中開啟 PNG To JPG 工具。
  2. 點擊瀏覽 PNG 檔案按鈕,一次選擇一個或多個 PNG。一旦選好檔案就會開始轉換,你不必等上傳進度條跑完。
  3. 稍等片刻,批次結果就會出現,每個項目旁都會顯示預覽與原始檔案大小。
  4. 如果想重新調整整個批次的設定,拖曳 JPEG 品質滑桿。滑桿範圍從 0.60 到 1.00,預設 0.92 為最佳平衡點;拖曳時新的大小會即時更新。
  5. 下載每個結果。工具會自動重新命名檔案,因此 photo.png 會變成 photo.jpg,不需手動編輯。

整個轉檔就是這樣。沒有帳號、沒有電子郵件確認、也沒有浮水印。如果你拖入的檔案其實不是 PNG,工具會跳過並告訴你哪些項目被略過,因此同一個資料夾中混雜的 JPEG 或 WebP 不會悄悄以毀損 JPG 的形式溜過去。

為你的轉檔挑選一個品質值

品質滑桿是整個轉檔過程中你需要做的唯一決策,而合適的設定取決於 JPG 最終的用途。0.92 的預設幾乎適用於所有照片:在一般觀看距離下,瑕疵幾乎看不見,而檔案卻比來源 PNG 小非常多。往 1.00 拖可以多保留一點細節,適合用在備份副本或是你有足夠磁碟空間的大型印刷。往 0.60 拖則是用可見的銳利度換取最小的檔案,這適合電子郵件附件、論壇頭像,以及有嚴格上傳限制的刊登頁。

品質滑桿位置適合用途可見的取捨
0.60 – 0.75電子郵件附件、頭像、嚴格的上傳上限在硬邊附近出現輕微的塊狀或振鈴雜訊
0.92(預設)一般網路分享、刊登頁、部落格文章在照片上瑕疵幾乎看不見
0.95 – 1.00印刷、備份、修圖後的來源檔檔案較大,額外保留的細節極少

由於編碼器在你每次移動滑桿時都會重新執行,你可以把設定調到剛好命中上傳的位元預算。如果表單把圖片上限設為 500 KB,而預覽顯示你超出限制,把滑桿往下調一格,看著大小落入範圍,不必離開頁面。

處理轉檔過程中的透明背景

在轉檔帶有透明背景的 PNG 之前,有一件細微的事情要知道:JPG 根本無法儲存透明度。這裡介紹的轉檔器會先把畫布塗成白色,再把你的影像畫在上面,因此透明背景的 logo 最終會落在一片乾淨的白底上。這個選擇很重要,因為未填色的畫布會把那些像素渲染成黑色,這在 logo 上看起來像壞掉,在商品照中則可能隱藏原本透過遮色片對透明區域去背的細節。

如果你想要白色以外的其他背景色,或者想保留 alpha 通道以便日後編輯,請保留 PNG 不動,並改採其他工作流程。專門的背景替換工具可以在你重新匯出前,把白底換成任何你想要的單色;而 JPG To PNG 轉檔器則負責反向處理,如果你日後需要從 JPG 回到無失真格式。

讓轉檔過程保持私密

「私密性」往往是人們搜尋如何將 PNG 轉檔為 JPG 時沒有明說的原因。把個人照片、小型商家商品照或設計 mock-up 上傳到第三方伺服器,代表你得信任對方會在另一端刪除該檔案。使用完全在瀏覽器中執行的工具,轉檔是本機的:頁面解碼 PNG、填滿畫布、執行 DCT,然後交給你下載連結,全程沒有任何位元組經過網路。沒有上傳步驟、沒有佇列、沒有帳號,頁面在你離線後仍能運作。

這在實務上很重要。婚禮攝影師把原始 PNG 交給新人、自由接案者為客戶準備 mock-up、小店家批次調整商品照大小,這些人都可以在咖啡廳的 Wi-Fi 網路下,把整個資料夾的 PNG 轉成 JPG,不用擔心是誰在側錄那些上傳的內容。如果你想更謹慎一點,可以在頁面載入後開啟瀏覽器的離線模式,確認轉檔仍然能執行 —— 這是最乾淨的證明,證明沒有任何資料離開你的電腦。

一次轉檔多張 PNG

批次支援是把單檔修正變成真正工作流程的關鍵。一次選取十幾張 PNG,會依序跑過同一個編碼器,每張都會有自己的預覽、自己前後大小的對比,以及以原始檔案命名的下載連結。這裡沒有一鍵下載全部的按鈕 —— 改成由你個別點擊每個結果;其實這更安全,因為單一失敗的轉換不會卡住整批。

若資料夾較大,建議每次以大約二十張為一批拖入,讓即時預覽在較慢的筆電上仍保持流暢。編碼器速度相當快,以預設 0.92 品質來說,二十張手機照片的批次通常在片刻內就能完成;即時大小計數器會清楚顯示某個設定究竟省下了多少位元組。

什麼時候該保留 PNG

並非每張 PNG 都該轉檔。帶有銳利邊緣的 logo、線條稿、圖示、UI 螢幕截圖,以及任何需要透明背景的影像,轉成 JPG 反而會比 PNG 還糟。讓照片漂亮縮小的壓縮模型,同樣會把銳利邊緣糊成振鈴雜訊,把細緻線條抹成模糊。經驗法則是:照片與連續色調影像就轉檔,而邊緣銳利、平面色塊或需要透明度的影像,繼續交給 PNG。

如果不確定,轉檔後的即時預覽就是最誠實的答案。把原始 PNG 與新 JPG 以 100% 縮放並排開啟在同一個螢幕上。如果照片看起來與肉眼所見相同,這次轉檔就是成功的。如果某張 UI 螢幕截圖中按鈕周圍的文字變得模糊,那張就保留為 PNG,只把資料夾裡的照片轉檔。

想更深入了解,請參閱 將 SVG 匯出為 JPG:三個步驟與每一步的作用。

想更深入了解,請參閱 可在本地執行的 SVG 轉 PNG 轉檔器替代方案。