跳到主要內容
楓葉工具箱 ToolMaple

圖片最後更新:

圖片格式轉換

JPG、PNG、WebP 互轉,品質自己選。檔案不會上傳。

80 到 90 肉眼幾乎看不出差別、檔案小很多;PNG 是無損格式,沒有這個選項。

拖曳多張圖片或選擇檔案

建議一次 ≤ 50 張、單檔 ≤ 10 MB

尚未選擇圖片

轉檔在做什麼,改副檔名為什麼不算

同一張圖,不同情境最適合的格式不同:照片用 JPG 省空間、Logo 用 PNG 保留透明背景、網頁用 WebP 兼顧體積與品質。手機相機通常出 JPG / HEIC、Mac 截圖出 PNG、設計工具匯出 WebP——但要貼到不同平台時,規範各不一樣。

常見需求:在 iPhone 上把 HEIC 照片轉成 JPG 再傳給用 Windows 的人、把大張 PNG 轉成 WebP 縮小、把去背的 PNG 轉成 WebP 保留透明又省空間。本工具支援 JPG ↔ PNG ↔ WebP 互轉、純前端用 Canvas API、不上傳檔案。

最常見的誤會是把檔名的 .png 手動改成 .jpg。副檔名只是名字,檔案內容還是原本那套編碼, 程式一讀就發現對不上,於是出現「明明是 jpg 卻打不開」或上傳表單直接退件。 真正的轉檔要把圖片解碼成像素、再用目標格式重新編碼一次, 本頁做的就是後面這件事:瀏覽器把圖畫到 Canvas 上,再以你選的格式輸出。

因為是重新編碼,輸出品質這件事躲不掉。JPG 與 WebP 都是有損格式,一定要決定一個品質值,所以格式選單下方有滑桿(預設 90);PNG 是無損格式,輸出多大就是多大,不吃這個值。

哪個格式、哪個品質對應哪件事

怎麼選格式?快速決策:

  • 網頁、新平台用 WebP:iOS 14+、Chrome 32+、Firefox 65+ 都支援、檔案最小、Google 也偏好
  • 需要透明背景:PNG 或 WebP(兩者都支援 alpha 通道)。JPG 沒透明,開不了
  • 純照片、檔案要小:JPG。失真壓縮對人眼幾乎無感,檔案比 PNG 小很多
  • 要保留銳利度(截圖、文字、線稿):PNG(無損),避免 JPG(壓縮會讓邊緣模糊)
  • 要跨老系統相容:JPG(35 年歷史,所有設備都能看)

常見使用情境:

  • iPhone HEIC → JPG / PNG:HEIC 在 Windows / 多數 Android 看不到,轉 JPG 最通用。本工具靠瀏覽器解碼,HEIC 要在 iPhone、iPad 或 Mac 的 Safari 上開這頁才轉得動;Windows 的 Chrome 讀不了 HEIC,請先在 iPhone 設定「相機 → 格式 → 最相容」或用 Safari
  • PNG → WebP:網頁 hero 圖、blog 縮圖瘦身(檔案小 25-35%、LCP 評分提升)
  • 截圖 PNG → JPG:要寄 email 附檔,PNG 太大,轉 JPG 縮小
  • WebP → JPG:某些舊系統(如老版 Word、PowerPoint)看不到 WebP,轉成 JPG 才能用

品質滑桿要放哪一格:照片與螢幕截圖放 80 到 90,檔案通常掉一半以上,肉眼卻分不出來;要留成原始檔或之後還要再編輯, 拉到 100;圖裡有大量文字、線稿或大面積純色時,低於 80 邊緣就會開始出現雜訊, 這類圖與其降品質,不如直接選 PNG。滑桿放開才會重跑,所以拖的時候不會卡。

三大圖片格式比較

格式特點適合
JPG失真壓縮、無透明、相容性最好照片、社群
PNG無損壓縮、支援透明、檔案大Logo、icon、截圖
WebP比 JPG 小 25-35%、支援透明、現代瀏覽器支援網頁優化首選

轉一張圖,順便把檔案調小

  1. 先選「輸出格式」。這個選單套用到清單裡的每一張,不是一張一個格式。
  2. 選了 JPG 或 WebP,下面會出現輸出品質滑桿。不確定就先留在 90,之後再調。
  3. 把圖片拖進虛線框,或點「選擇檔案」。手機上點一下就會開相簿或檔案 App。
  4. 看列表那一行的數字:左邊是原始大小,右邊是轉完的大小, 中間是你選的格式。縮圖就是輸出結果,不是原圖, 想確認畫質把它放大來看。
  5. 不滿意就直接動滑桿,放開之後整批會用原始檔重跑,不會愈轉愈糊。
  6. 滿意了點那一行右邊的下載圖示,存成同名但新副檔名的檔案。

一整批轉完、打包成一個 ZIP

  1. 一次把整個資料夾的圖拖進來。建議一次 50 張以內、單檔 10 MB 以內,超過的會被略過並跳出提示告訴你略過幾個、為什麼。
  2. 上方會顯示「處理中(幾張 / 共幾張)」。全部都在你的電腦裡跑, 速度取決於這台機器與圖的尺寸,跟網速無關。
  3. 轉完之後統計列會寫「共幾張、轉換完成幾張」,有失敗的會另外用紅字標出來, 那一行也會寫失敗原因。最常見的是瀏覽器讀不了那個格式。
  4. 先確認格式與品質都對,再按「全部下載 ZIP」。 壓縮檔裡的檔名沿用原檔名、只換副檔名,同名的會自動加編號,不會互相蓋掉。
  5. 轉錯批次就按「清空」重來,或用每一行右邊的 ✕ 只移掉其中幾張。

中途換格式或換品質不需要重新選檔案:工具會留著你原本丟進來的檔案, 整批用原始檔重跑一次,所以反覆試不同品質也不會累積失真。

把轉好的圖帶去要用的地方

  • 單張:點該行的下載圖示。電腦會存到瀏覽器的預設下載資料夾, 檔名是原檔名換副檔名,所以一眼看得出哪張對哪張。
  • 整批:按「全部下載 ZIP」,會得到一個以 toolmaple-converted 開頭、帶當天日期的壓縮檔。
  • iPhone、iPad:Safari 下載的檔案會進「檔案」App 的下載項目,不是相簿。 要放回相簿就在檔案 App 裡分享、選「儲存影像」。ZIP 在檔案 App 裡點一下就會解開成同名資料夾。
  • 要貼進網頁或程式碼:轉好的圖也可以再轉成 Data URL 內聯,見下面的圖片轉 Base64。

關掉分頁之前記得先下載。結果只存在這個分頁的記憶體裡, 重新整理就沒了,不會有任何一份留在本站。

各系統、各平台的差異

  • HEIC 只有蘋果裝置的 Safari 解得開:這是瀏覽器能不能解碼的問題。在 Windows 或 Android 上開這頁,HEIC 那幾張會直接報讀取失敗。 照上面「常見使用情境」第一項的做法處理。
  • WebP 的支援門檻:iOS 14+、Chrome 32+、Firefox 65+ 都能顯示。 真的要顧到很舊的裝置或舊版 Office,就選 JPG。
  • 社群平台會再壓一次:多數社群與通訊軟體上傳後會用自己的參數重新編碼, 所以你在這裡選的品質決定的是「你手上這份檔案」, 不一定等於對方看到的畫質。想留原畫質就用傳檔案而不是傳圖片的方式送。
  • 政府機關、銀行的線上表單:附件多半只收 JPG 或 PNG,而且有單檔大小上限。 可接受的格式與大小以各機關公告的規格為準, 這類表單通常也不吃 WebP,先轉成 JPG 最保險。
  • 列印與送印:印刷廠要的是 CMYK 與高解析度的檔案, 瀏覽器輸出的是 sRGB,這三種格式都不適合直接送印,請依印刷廠的檔案規格另外處理。

注意事項與檔案去向

  • PNG → JPG:透明背景會自動填白(JPG 不支援透明)
  • JPG → PNG:檔案會變大(無壓縮)。除非需要透明,否則不建議
  • → WebP:99% 現代瀏覽器支援。iOS 14+、Edge、Chrome、Firefox 全 OK
  • → AVIF:本工具不支援(Safari 16+ 才完整支援,相容性不如 WebP)

EXIF 不會跟著過去。重新編碼之後輸出的是一份乾淨的新檔案,拍攝時間、相機型號、GPS 座標這些欄位都不在裡面。 要公開貼圖時這是好事, 但你要的是保留拍攝資訊的話,瀏覽器轉檔就不是對的工具。

動圖只會留下第一格。動畫 GIF 或動態 WebP 畫到 Canvas 上只會拿到第一張畫面, 轉出來就是一張靜態圖。尺寸也不會變,本頁不縮圖、不裁切。

有損轉有損會累積。JPG 轉 WebP 再轉回 JPG,每一次都重新壓縮一次, 細節掉了就回不來。要反覆調整就從原始檔重來,不要拿轉過的結果繼續轉。

一直在你的電腦裡。瀏覽器把圖片畫到 Canvas 上,再用目標格式重新輸出, 相當於本機版的「另存新檔」。本站沒有收圖的後端, 身分證件、合約掃描這類檔案轉起來不用有顧慮。

常見問題

為什麼 PNG 轉 JPG 後變透明變白?

JPG 不支援 alpha 通道(透明)。Canvas API 轉碼時,會把透明區域填成白色背景。如果需要保留透明,請改轉 WebP。

為什麼轉成 WebP 後檔案更大?

如果原圖是已經高度壓縮過的 JPG(品質 60 以下),轉 WebP 可能不會更小,甚至略大。WebP 最有效的時機是:原圖是 PNG 或高品質 JPG。

AVIF 為什麼不支援?

AVIF 壓縮比 WebP 還好,但瀏覽器支援度晚(Safari 16+ 才完整)。本工具優先 WebP 因為通用性更高。

會壓縮品質嗎?

轉成 JPG 或 WebP 一定會重新編碼,所以格式選單下方有輸出品質滑桿,預設 90;PNG 是無損格式,沒有這個選項。本工具不會改尺寸,也不會自動幫你縮到某個大小。想連解析度一起縮、逐張看大小變化,請用圖片壓縮工具。 開啟圖片壓縮工具

輸出品質要調多少?

滑桿範圍是 50 到 100、每 5 一格,預設 90。照片與螢幕截圖放 80 到 90,肉眼幾乎看不出差別、檔案卻小很多;要當原始檔保存就拉到 100。拉低品質時,文字、線稿與大面積純色的邊緣最先出現雜訊,調完先看列表裡的檔案大小,再點縮圖確認畫質。PNG 不吃這個值,選 PNG 時滑桿會收起來。

一次可以轉幾張、怎麼一起下載?

可以一次拖進多張,建議一次 50 張以內、單檔 10 MB 以內,超過的會被略過並跳提示。轉好之後用「全部下載 ZIP」一次打包,檔名沿用原檔名、只換副檔名,同名的會自動加上編號。中途改輸出格式或品質,整批會用原始檔重跑一次,不是拿轉過的結果再轉一次。

資料來源

  • MDN,HTMLCanvasElement.toBlob()(本頁輸出檔案用的就是這個 API,也說明了品質參數只對 JPG 與 WebP 這類有損格式有效)。
  • Google,WebP(WebP 的有損與無損模式、以及支援 alpha 通道的說明)。
  • 各瀏覽器對 HEIC、WebP、AVIF 的支援情況隨版本變動, 以你實際使用的瀏覽器版本為準; 各社群平台與各機關表單可接受的格式與檔案大小,以其官方公告為準。

相關工具

隱私:圖片只在你的瀏覽器裡解碼與重新編碼,不會上傳、不會儲存,本站沒有任何收圖的後端。 關掉分頁,原始檔與轉好的結果就一起從記憶體消失。