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

分類・共 3 個工具

圖片工具

圖片壓縮(JPG、PNG)、JPG ↔ PNG ↔ WebP 格式轉換、圖片轉 Base64 等純前端圖片處理工具,瀏覽器 Canvas 直接處理、不上傳檔案保護隱私。

檔案不上傳,代價是吃你自己的記憶體

這一類工具都沒有收圖的後端。圖片壓縮與圖片格式轉換把圖畫到瀏覽器的 Canvas 上再用目標格式重新輸出,圖片轉 Base64則用 FileReader 直接把檔案讀成字串。 處理過程不會把檔案傳到本站,斷網也能跑,關掉分頁就釋放了。

代價是運算全算在你的裝置上。壓縮與轉換的單檔上限是 10 MB、轉 Base64 更嚴只到 5 MB,建議一次不超過 50 張;用手機或舊筆電一口氣丟幾十張大圖會明顯卡住。 壓縮與轉換都能把整批結果打包成 zip 一次下載,不必一張一張按。

「壓縮」到底改了什麼

  • 失真(JPG、WebP):真的把畫面細節丟掉來換檔案變小。品質留在 80% 左右肉眼通常看不出差別,但丟掉的救不回來——拿壓過的檔再壓一次只會更糟,原始檔請留著。
  • 無損(PNG):只是換一種編碼方式,畫素一個不差。所以圖片壓縮頁選 PNG 時品質滑桿會停用,想縮小只能改最大寬度。
  • 只是換編碼(Base64):轉 Base64 不壓縮也不動畫質,單純把二進位換成文字,體積反而增加約 33%。

想讓檔案真的變小,最有效的往往是先縮尺寸:手機拍的照片動輒 4000px 寬,貼到網頁上實際只顯示 800px,把最大寬度設成 1920px,省下來的比拉品質滑桿多得多。

格式怎麼挑,哪些轉不了

  • 照片:WebP 檔案最小,JPG 最保險。舊版 Office、部分老系統開不了 WebP,要寄給別人就選 JPG。
  • 要透明背景:PNG 或 WebP。轉成 JPG 時透明區會被自動填成白色,那是 JPG 沒有 alpha 通道,不是壞掉。
  • 截圖、文字、線稿:PNG。JPG 的失真會讓字的邊緣出現一圈糊糊的雜點。

AVIF 目前不支援,格式轉換頁上有註明。iPhone 的 HEIC 能不能轉,取決於你的瀏覽器解不解得開這個格式——Mac 與 iPhone 上的 Safari 通常可以,Windows 的 Chrome 多半會直接讀取失敗。常需要轉的話,最省事的是把 iPhone 的「設定 → 相機 → 格式」改成「最相容」,之後拍的照片直接就是 JPG。

Base64 什麼時候划算

Data URL 的好處是「一份檔案自己就完整」,缺點是它會跟著 HTML / CSS 一起被下載、沒辦法讓瀏覽器單獨快取,而且編完大 33%。 判斷其實很單純:小圖、只出現一次、需要跟文件一起搬走的,值得內聯; 大圖或多個頁面共用的資源,留成獨立檔案讓快取發揮作用。

實務上常見的分界落在 8 KB 上下(早年 webpack 的預設值), email HTML 嵌圖和「整份報告只有一個 .md 檔」是最常用到的兩個情境。 想內聯又嫌字串太長,順序是先壓再轉:用圖片壓縮把尺寸與品質壓下來, 再丟進轉 Base64,而不是反過來。

常見問題

圖片壓縮和圖片格式轉換差在哪?

圖片壓縮可以調品質、限制最大寬度,目的是把檔案變小;圖片格式轉換只換格式、維持原本的長寬與畫素。要小檔案用壓縮,只是要讓對方打得開就用轉換。 圖片壓縮

我的照片會被上傳到伺服器嗎?

不會傳到本站,這一類工具沒有收圖的後端:壓縮與轉換用 Canvas 重新輸出,轉 Base64 用 FileReader 讀檔,斷網也能用,關掉分頁記憶體就釋放了。站上有操作錄影服務(Microsoft Clarity),這幾頁的工具區塊(檔名、預覽圖、結果)整塊遮蔽,不會被錄下。 隱私權政策

PNG 轉成 JPG 之後,透明背景為什麼變白色?

JPG 格式本身沒有透明(alpha)通道,轉檔時會先鋪一層白底再把圖畫上去。需要保留透明請選 PNG 或 WebP。 圖片格式轉換

可以轉 AVIF 或 iPhone 的 HEIC 嗎?

AVIF 目前不支援,格式轉換頁上有註明。HEIC 則要看你的瀏覽器能不能解碼這個格式:Mac 與 iPhone 的 Safari 通常可以,Windows 的 Chrome 多半會讀取失敗。iPhone 可以把「設定 → 相機 → 格式」改成「最相容」,拍出來就直接是 JPG。 圖片格式轉換

為什麼轉成 WebP 之後檔案反而變大?

原圖如果已經是壓得很兇的低品質 JPG,再轉一次 WebP 不一定更小,甚至可能略大。WebP 省最多的時機是原圖為 PNG 或高品質 JPG。

為什麼 Base64 字串比原圖還長?

Base64 把每 3 個位元組編成 4 個 ASCII 字元,體積必然增加約 33%,再加上 data:image/png;base64, 這段前綴。它不是壓縮工具,想縮小請先用圖片壓縮處理過再轉。 圖片轉 Base64

一次能處理幾張?單檔有大小限制嗎?

壓縮與格式轉換的單檔上限是 10 MB,圖片轉 Base64 是 5 MB。建議一次不超過 50 張,超過仍可繼續但會比較慢。壓縮與轉換可以把整批結果打包成 zip 一次下載。

壓過的圖還能還原成原本的畫質嗎?

不能。JPG 與 WebP 是失真壓縮,丟掉的細節救不回來,反覆壓縮只會越來越糊。請保留原始檔,需要不同尺寸或品質時從原圖重壓一次。