關於「PNG 轉 JPG」
PNG 和 JPG 原本就是為不同用途設計的。PNG 壓縮時不會捨棄任何東西,很適合標誌或清晰的介面截圖,但用在相片上就很浪費空間,因為每一粒紋理都得被精確記錄下來。JPG 則用少量、可控制的細節損失,換來小得多的檔案;當上傳系統和舊軟體說要「一張圖片」時,它們通常期待的就是 JPG。
在這裡,每個 PNG 都由瀏覽器內建的解碼器開啟,再由同一個頁面裡的 JPEG 編碼器產生新檔案。品質設定範圍從 50 到 100(預先選好的是 92),用來控制 JPG 壓縮的程度;另外還有一個選用的上限,可以把長邊縮到 4096、2560、1920 或 1280 px。
透明區域會變成什麼
JPG 完全沒有 Alpha 色版。PNG 裡完全透明的地方,在 JPG 裡會變成純白色;而部分透明的像素,例如去背圖柔和的邊緣或陰影,則會和白色混合。放在深色背景上時,圖像周圍會露出一個白色方框,所以必須浮在彩色背景上的標誌,應該維持 PNG 格式。
如何使用「PNG 轉 JPG」
- 載入 PNG 檔案把 PNG 拖曳到拖放區、用檔案瀏覽器選取、加入資料夾(包含子資料夾),或貼上你剛複製的截圖。單一批次最多可放 500 張圖片。
- 設定品質,需要時設定最大尺寸先從預先選好的 92 開始。滿是小字的螢幕截圖,設 95 可以讓文字更乾淨;要用電子郵件寄出的相片,設 80 到 85 能再減掉一些重量。長邊 1920 或 1280 px 則能進一步縮小過大的圖片。
- 儲存 JPG從每一列逐一取得 JPG,或用「全部下載(ZIP)」一次全部打包。之後如果改了設定,按「套用新設定」就能重新轉換整批檔案,不必重新加入檔案。
常見使用情境
超過附件大小限制的螢幕截圖
十幾張全螢幕的 PNG 截圖加起來,可能超過郵件伺服器能接受的大小。以品質 90 左右轉換後,通常一封信就裝得下,文字也依然清楚可讀。
只寫著 JPG 的申請表單
政府機關、學校和求職網站,常常規定相片和掃描文件只能是 .jpg 或 .jpeg。把掃描 App 產生的 PNG 轉換一下,表單要檢查的檔案類型就對了。
網頁上的算圖和相片
匯出成 PNG 的商品算圖、帶有柔和漸層的插圖和相片,會拖慢網頁速度。限制在 1920 px 的 JPG 複本,常常只有原檔重量的一小部分。
相片縮得最多,螢幕截圖次之,標誌最少
能省下多少空間,幾乎完全取決於 PNG 的內容:
| 圖片內容 | 存成 PNG 時 | 轉成 JPG 之後 |
|---|---|---|
| 相片或 3D 算圖 | 很大,因為紋理和雜訊都被精確保留 | 通常只剩 PNG 大小的一小部分 |
| App 或網站的螢幕截圖 | 中等;大片平面色塊壓縮效果好 | 變小,文字附近可能出現淡淡的髒污 |
| 顏色很少的標誌、圖示或線條圖 | 本來就很精簡 | 可能不會變小,邊緣還會出現光暈 |
最後一列就是轉換會適得其反的情況:PNG 儲存大面積單色區域的成本非常低,所以簡單的圖像轉成 JPG 反而可能變大,看起來也更差。
文字和銳利邊緣上的 JPEG 壓縮雜訊
JPEG 壓縮是以小區塊像素為單位運作的,會把顏色的突然變化抹平。在淺色背景上的深色文字周圍,它可能在每個字旁邊留下淡淡的灰色霧氣,一像素寬的線條也可能看起來稍微柔一點。這就是 PNG 轉 JPG 的破壞性部分,而且是永久的:之後就算把 JPG 轉回 PNG,也去不掉這些痕跡。
對螢幕截圖和掃描文件來說,設在 92 到 95 時,這層霧氣幾乎看不出來;設定越低,小字越先露出破綻。
位元深度、動畫和內嵌資訊
- 每個通道 8 位元。JPG 每個色彩通道儲存 8 位元。來自掃描器或 RAW 顯影軟體的 16 位元 PNG,會失去額外的色調精度;這主要在之後還要大幅調色時才有影響。
- 動態 PNG 會變成靜態圖。APNG 只會以第一個畫格轉換。
- PNG 很少帶有相片資訊。螢幕截圖和匯出的圖像通常沒有 EXIF,所以保留相片資訊和移除 GPS 位置資訊這兩個選項,通常沒有東西可以處理。
應該讓 PNG 維持原樣的時候
- 圖片需要透明背景,例如放在彩色投影片或網站頁首上的標誌。
- 你還在編輯它。等到最後再轉換一次就好。
- 它是圖表、QR 碼或平面圖像,這類圖片用 PNG 往往既比較小又比較清晰。
超過 500 個檔案的圖片集需要分好幾輪處理,而電腦處理大批檔案的能力比手機好。任何最新版的 Chrome、Edge 或 Firefox 都能使用,Safari 則從 16.4 版開始支援。如果這些 PNG 要變成同一份文件的頁面,PNG 轉 PDF 一個步驟就能完成。你的圖片在這個分頁裡轉換,從不傳送到伺服器;這裡說明怎麼自己檢查。