為什麼要壓縮圖片?
- 網頁載入速度(每 KB 都計入 LCP 評分)
- 社群貼文(IG、Threads 對單張上限有規範)
- Email 附件(大多限 25MB)
- 節省雲端儲存空間
- 節省手機行動數據用量
壓縮做的是「重新編碼」:把圖畫到畫布上、照你選的寬度與品質再存一次。所以在 Word 或簡報裡把圖拉小、把副檔名從 .png 改成 .jpg,檔案大小都不會變,那些只改變顯示方式或名字,沒有動到檔案裡的像素資料。真正讓檔案變小的是兩件事:縮掉用不到的解析度,以及讓編碼器丟掉肉眼看不出來的細節。
三種輸出格式怎麼選
- JPG:相容性最好,適合照片。壓縮會失真,但 80% 品質肉眼看不出差。
- WebP:同畫質檔案比 JPG 小 25-35%,現代瀏覽器都支援。網頁優化首選。
- PNG:無損、保留透明背景。Logo、icon、截圖選這個。
建議設定
| 用途 | 格式 | 品質 | 最大寬度 |
|---|---|---|---|
| 網頁照片 | WebP | 80% | 1920px |
| IG 貼文 | JPG | 85% | 1080px |
| Email 附件 | JPG | 75% | 1600px |
| Logo / Icon | PNG | — | 原寸 |
實戰教學:一次壓一批照片
- 先設好品質(或改成壓到指定大小)、輸出格式與最大寬度,再選檔案。設定是在圖片加進來的那一刻套用的。
- 把整批圖拖進上傳區,或按選擇檔案一次選多張。單檔超過 10 MB 會被略過並跳提示,一次超過 50 張只會提醒比較慢,仍然可以繼續。
- 等進度跑完。每張各自處理,其中一張讀不出來只會在那一列標成失敗,其他張照壓。
- 看清單上方的「共節省」那一行,判斷這組設定夠不夠。改品質、寬度或格式後,清單裡的圖會自動用新設定重壓一次,不用清空重選。
- 滿意了就單張下載,或按「全部下載 ZIP」一次帶走。
實戰教學:壓到某個大小以內
表單、投稿系統或客戶信箱給了一個上限,例如每張 500 KB 以內。壓縮方式選「壓到指定大小以下」,工具會替你一張一張試:
- 先把最大寬度設成實際會用到的尺寸:貼在網頁上 1920px 就夠,放進文件或表單通常 1600px 有餘。寬度先砍對,品質就不用被壓得太低。
- 格式選 JPG 或 WebP。照片用 PNG 幾乎一定比另外兩個大。
- 填上限,或直接點 200 KB、500 KB、1 MB、2 MB。工具從品質 92% 往下找壓得進去的最高品質,最低到 50%;50% 還是太大,就固定在 50% 再逐步縮小寬度。
- 看清單:每張會標出用了幾 % 品質、壓成多大尺寸。寬度縮到很小還是壓不進去的,會用橘色字寫出最小只到多少,這時放寬上限或改選 WebP。
- 1 KB 以 1,000 位元組計。有的系統用 1,024 算,用 1,000 比較嚴格,壓出來的檔案兩種算法都在上限內。
壓好的檔案怎麼帶走
- 單張下載:每一列右邊的下載鈕存成「原檔名-compressed.副檔名」,不會蓋掉原檔,兩個檔案可以放在同一個資料夾比對。
- 整批下載:「全部下載 ZIP」把成功的那幾張打包成 toolmaple-compressed-日期.zip,同名的檔案會自動補編號,不會互相覆蓋。
- 要換格式而不是壓小:只是要 JPG 轉 PNG、PNG 轉 WebP,用 圖片格式轉換;要把圖片嵌進 CSS 或 HTML 原始碼,用 圖片轉 Base64。
- 關掉分頁就沒了:清單與壓好的結果都只活在這個分頁裡,重新整理就要重壓一次,所以下載完再關。
各瀏覽器與各平台的差異
- 瀏覽器不支援某個輸出格式:依 HTML 規格,Canvas 遇到不支援的輸出格式會改用 PNG。所以選了 WebP 卻發現檔案沒變小,先換成 JPG 再試一次。
- iPhone 拍的 HEIC:能不能壓取決於你用的瀏覽器解不解得開這個格式。讀不出來的那一張會在清單上標成失敗,其他張不受影響;遇到這種情況,在手機的相機設定改存「相容性最佳」的 JPEG 再來壓最省事。
- 社群平台:貼文上傳後平台通常還會自己再壓一次,所以壓到符合它的尺寸與大小要求就好,不用壓到極限,免得經過第二次壓縮更糊。各平台的實際上限以平台公告為準。
- 透明背景:JPG 沒有透明通道。輸出 JPG 時工具會先鋪一層白底,去背圖與 Logo 透明的地方會變成白色,不會變黑;要保留透明就輸出 PNG 或 WebP。
- 電腦與手機:壓縮是在你這台裝置上跑的,同一批圖在舊手機上會明顯比電腦慢。手機上建議分批處理,張數少一點。
照片會被上傳嗎?
不會。你選的檔案由瀏覽器的 Canvas 直接重新編碼,整個過程沒有任何網路請求,斷網也能壓。 合約掃描、含個資的截圖這類不想給任何第三方碰的檔案,用這裡處理是安全的。
- 失真壓縮是不可逆的。壓過的檔案再壓一輪只會更糊,要重調設定請回原檔重壓,別拿輸出檔當輸入。
- 最大寬度只會縮小、不會放大。填比原圖還大的數字不會讓圖變清楚,只會維持原寬度。
- 輸出的是重畫後的新圖,原檔的 EXIF(拍攝時間、GPS 位置)不會被帶進去。要保留這些資訊的話這個工具不適合。
- 單檔上限 10 MB,超過的會被略過;一次 50 張以上只是會比較慢,但整個處理都佔用這台裝置的記憶體,張數多時請分批。
常見問題
壓縮後畫質會變差嗎?
JPG 與 WebP 是失真壓縮,品質拉越低、檔案越小,方塊狀的痕跡也越明顯;80% 上下多數照片肉眼看不出差別。PNG 是無損,只會因為縮小寬度而變小。清單上每張都會顯示壓縮後的大小與節省比例,可以換幾組設定比過再決定。
為什麼壓完檔案反而變大?
常見兩個原因。一是原圖本來就是壓過的 JPG,再用接近 100% 的品質重壓,等於把已經丟掉細節的圖再存一次高品質檔。二是瀏覽器不支援你選的輸出格式,依 HTML 規格這時 Canvas 會改用 PNG 輸出,照片存成 PNG 通常比 JPG 大。把品質調低,或改選 JPG 再試一次。
圖片會被上傳到伺服器嗎?
不會。你選的檔案由瀏覽器的 Canvas 直接重新編碼,整個過程沒有任何網路請求,斷網也能壓。合約掃描、含個資的截圖這類不想給任何第三方碰的檔案,用這裡處理是安全的。
可以一次壓很多張嗎?
可以,把整批拖進上傳區就會逐張處理。單檔上限 10 MB,超過的會被略過並跳出提示;一次超過 50 張只會提醒比較慢,仍然可以繼續。每張各自處理,其中一張讀不出來不會影響其他張,全部壓完可以按「全部下載 ZIP」一次帶走。
壓縮後的圖還有 EXIF(拍攝時間、GPS)嗎?
沒有。輸出的是 Canvas 重畫後的一張新圖,原檔的 EXIF 不會被帶進去。需要保留拍攝資訊的話這個工具不適合;反過來說,想在分享前把位置資訊拿掉,這剛好幫你處理掉。
可以壓到指定的檔案大小以下嗎?
可以。壓縮方式選「壓到指定大小以下」,填上限或點 200 KB、500 KB、1 MB、2 MB,工具會從品質 92% 往下找壓得進去的最高品質,最低到 50%;還是太大就再縮小寬度。1 KB 以 1,000 位元組計,對方用 1,024 算也一樣在上限內。真的壓不進去的那張會在清單上寫出最小只到多少。
選 PNG 之後品質滑桿為什麼不能動?
PNG 是無損格式,沒有品質參數可調,所以選 PNG 時滑桿會停用。要讓 PNG 變小,改用縮小最大寬度,或把輸出格式換成 WebP(WebP 一樣可以保留透明背景)。
資料來源
- 「不支援的輸出格式會退回 PNG」出自 MDN 的 HTMLCanvasElement.toBlob(),本工具的壓縮就是呼叫這個 API。
- WebP 與 JPEG 的檔案大小比較,出自 Google 的 WebP 官方說明。
- Email 附件上限、社群平台的單張尺寸與大小規範由各服務自行訂定,也會調整,實際限制以各平台的最新公告為準。
相關工具
隱私:圖片不會離開這台裝置。選檔之後由瀏覽器的 Canvas 在本機重新編碼,沒有上傳、沒有暫存到伺服器,斷網也能用;關掉分頁,清單與壓好的檔案就一起消失。
