將 PNG 存成 JPG 意味著用不同的壓縮演算法重新編碼相同的像素,結果幾乎總是檔案大小大幅縮減 — 對照片來說,通常只剩原檔的一小部分。這個轉變刻意採用失真壓縮:JPG 使用離散餘弦轉換捨棄你眼睛幾乎察覺不到的高頻細節,而 PNG 則精準儲存每一個像素。這就是為什麼一張內容豐富的照片能縮到遠小於其 PNG 容量,卻仍看起來銳利清晰;即便是鮮明的截圖也能縮小,雖然在硬邊緣附近可能出現些微的方塊或振鈴偽影。其限制在於 JPG 沒有 alpha 通道,所以來源 PNG 中的任何透明像素在檔案儲存前必須轉為某個實心色彩。標準做法是先將畫布填滿白色,再把影像畫在上面,這也是專屬的 PNG 轉 JPG 工具所做的事。轉檔完全在瀏覽器中執行,因此影像從不離開你的裝置,而新檔案下載時已自動重新命名 — photo.png 會變成 photo.jpg。

PNG vs JPG:為什麼儲存的檔案會變小
JPG 能節省這麼多空間,原因在於兩種格式各自設計要保留什麼。PNG 是無損的:它精準儲存每一個像素,並可選擇性地加上用於透明度的 alpha 通道。這對標誌、截圖和線條圖來說非常完美,因為這類影像需要銳利的邊緣與精確的色彩。代價是檔案大小,因為無損壓縮無法捨棄相機所記錄的數百萬個細微色階。
JPG 採取了相反的做法。它將影像分割成 8×8 的像素區塊,對每個區塊執行離散餘弦轉換,然後丟棄人眼幾乎感受不到的高頻成分。照片的平滑漸層與細緻紋理因此能被大幅壓縮,這就是為何同一張照片存成 JPG 後,大小常只剩 PNG 的一部分,品質損失卻仍低於感知門檻。使用這個工具查看你自己檔案的前後數字吧,因為重要的是你影像的大小,而不是某個通用平均值。
| 特性 | PNG | JPG |
|---|---|---|
| 壓縮類型 | 無損 — 保留每個像素 | 失真 — 捨棄高頻細節 |
| 透明度支援 | 支援,完整 alpha 通道 | 不支援 — 每個像素必須是實心 |
| 最適用於 | 標誌、截圖、線條圖、圖示 | 照片與連續色調影像 |
| 儲存時的典型表現 | 大小接近輸入檔案 | 照片類通常大幅縮小 |
| 品質控制 | 無 — 輸出永遠是無損 | 0.60 到 1.00 的滑桿 |
這個模式是一致的:影像包含的連續色彩與細節越多,JPG 就能在無可見損壞的情況下更積極地將其壓縮。具有硬邊緣和平整色彩的素材(標誌、UI 截圖)壓縮效果差得多,因此節省的幅度有限,而透明度的喪失才是更值得權衡的取捨。
透明背景會怎樣
JPG 完全無法儲存透明度。這個格式沒有 alpha 通道,所以 JPG 中的每個像素都必須是實心色彩。這表示 PNG 中的任何透明區域在檔案儲存前必須變成某個顏色。
PNG 轉 JPG 工具的處理方式是先將畫布填滿白色,再把影像畫在上面。因此每個透明像素在輸出中都會變成白色,這通常是產品照、文件掃描,以及不小心以透明背景匯出的截圖的合理預設值。若不填白色,未填色的畫布會輸出成黑色,而這很少是人們想要的結果。
如果你需要不同的背景顏色 — 例如為了符合深色網站主題或某個帶色的社群媒體卡片 — 在儲存前將影像壓平到某個帶色畫布上,或在本機編輯器中將 PNG 轉成 JPG 並讓你選擇填色。兩種做法都行;重要的是白色填色行為是刻意的,而不是 bug。
三步驟將 PNG 存成 JPG
在任何現代瀏覽器中開啟此工具。整個處理流程都在本地端執行,因此沒有上傳步驟,也無需註冊。
- 點擊 瀏覽 PNG 檔案 並選擇一張或多張影像。檔案選取的瞬間就會開始轉檔 — 不需要額外的開始按鈕。
- 拖曳 JPEG 品質滑桿 在 0.60 到 1.00 之間,即可重新編碼整批影像。預設值 0.92 是接近無損的起點;較低的數值會以可見的偽影換取更小的檔案。當你移動滑桿時,新檔案大小會即時更新。
- 點擊每張預覽旁的 下載 來儲存 JPG。檔案會自動重新命名,因此 photo.png 會變成 photo.jpg,而原始 PNG 在你的裝置上維持不變。
如果你改變了對品質的想法,再次滑動控制項並重新下載即可。每次你移動滑桿時編碼器都會重新執行,因此同一個來源檔案可以產生數個不同大小的 JPG,直到你找到想要的設定。
解讀品質滑桿
品質滑桿控制編碼器在離散餘弦轉換步驟中捨棄高頻細節的積極程度。較高的數值保留較多細節,但代價是檔案較大;較低的數值則更積極地壓縮,代價是在銳利邊緣附近出現些微的方塊或振鈴。
各範圍的實用指南:
0.92 (預設) — 接近無損。照片上的壓縮偽影幾乎看不見,檔案卻已比來源 PNG 小許多。這是歸檔儲存與高品質分享的正確起點。
0.80–0.90 — 高品質。硬邊緣會有輕微柔化,平滑漸層會有輕微條紋,但仍非常適合螢幕檢視、社群媒體和大多數網路下載。檔案大小會再縮減。
0.60–0.79 — 積極壓縮。平整區域會出現可見的方塊、文字周圍有振鈴、銳利對比處有蚊式雜訊。適用於縮圖、有嚴格大小限制的電子郵件附件,或任何優先考量檔案大小上限而非完美畫質的場合。
把滑桿推到最右邊 1.00 可保留幾乎所有細節以達到最高畫質,但會產生較大的檔案。工具並未開放低於 0.60 的設定。 即時預覽是最簡易的選擇方式:移動滑桿直到預覽在你眼中看起來與原圖相同,然後以該設定儲存。
批次轉檔與檔案處理
多張 PNG 可以一次存成 JPG。在檔案選擇器中挑選所有需要的檔案,它們會在同一輪處理中被解碼、壓平、編碼並提供下載。每個結果都會顯示自己的預覽、前後檔案大小,以及個別的下載連結。
如果批次中有檔案不是 PNG,它會被略過並回報,而非悄悄轉檔。這在你選取一個同時包含 PNG、JPG、WebP 與 PDF 的資料夾時很重要 — 只有 PNG 會變成新的 JPG,其餘則會列出來,讓你可用其他工具轉檔。
批次作業的幾個實用提醒:
- 輸出檔名會鏡像原始檔名:banner.png 變成 banner.jpg,icon-32.png 變成 icon-32.jpg。當多個檔案共用命名模式時,這能保持資料夾結構完整。
- 若想同時變更尺寸與格式,可在同一個瀏覽器分頁中將結果送入 圖片縮放器 處理。
- 轉檔完全在你的裝置上透過 Canvas API 與 createImageBitmap 進行。沒有上傳、沒有排隊、沒有帳號 — 即使頁面載入後斷線,工具仍可繼續運作。
如果影像需要反向操作 — 將 JPG 轉成帶透明度的無損 PNG — 相同的純瀏覽器工作流程可在專屬的 JPG 轉 PNG 工具中使用。
想深入了解,請參閱 純色背景圖片:以任意像素大小製作。
想深入了解,請參閱 如何將 SVG 轉成 JPG 而不損失品質。