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

圖片格式轉換

JPG ↔ PNG ↔ WebP 三大圖片格式互轉,可選輸出品質。WebP 比 JPG / PNG 小 25-35%,適合網頁載入。瀏覽器 Canvas 直接處理,不上傳檔案。

拖曳多張圖片或選擇檔案

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

尚未選擇圖片

為什麼會需要轉換圖片格式?

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

常見需求:把 HEIC 截圖轉成 Windows 能看的 PNG、把大 PNG 轉 WebP 縮小貼到 Threads、把 LINE 收到的 JPG 轉 PNG 保留銳利度。本工具支援 JPG ↔ PNG ↔ WebP 互轉、純前端用 Canvas API、不上傳檔案。

常見使用情境

  • iPhone HEIC → JPG / PNG:HEIC 在 Windows / 多數 Android 看不到,轉 JPG 最通用
  • PNG → WebP:網頁 hero 圖、blog 縮圖瘦身(檔案小 25-35%、LCP 評分提升)
  • 截圖 PNG → JPG:要寄 email 附檔,PNG 太大,轉 JPG 縮小
  • WebP → JPG:某些舊系統(如老版 Word、PowerPoint)看不到 WebP,轉成 JPG 才能用
  • 設計稿匯出:Figma 匯出多種格式時,本工具補齊批次轉換需求

三大圖片格式比較

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

注意事項

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

怎麼選格式?快速決策

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

常見問題

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

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

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

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

AVIF 為什麼不支援?

AVIF 壓縮比 WebP 還好,但瀏覽器支援度晚(Safari 16+ 才完整)。本工具優先 WebP 因為通用性更高,未來 AVIF 普及後會考慮加入。

會壓縮品質嗎?

本工具是「格式轉換」,不主動壓縮。如果想壓小檔案,用圖片壓縮工具,可調品質滑桿,看大小變化。

轉檔過程中檔案在哪裡?

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

相關工具