圖片壓縮

拖入圖片,得到更小的檔案。

拖入圖片、點擊選擇,或直接貼上JPG、PNG、WebP、GIF、BMP、AVIF、SVG、HEIC · 可多選 · 不上傳
輸出格式
原圖壓縮後

用結果繼續:

這個圖片壓縮工具能做什麼

拖入一張或一百張圖片,每張都會在你的裝置上依你選的品質重新編碼。清單裡顯示原大小、新大小和節省百分比,你可以拖動滑桿直到滿意為止。可以逐張下載,也可以一鍵打包 ZIP。因為編碼器就是你自己的瀏覽器,所以沒有上傳佇列、沒有每日額度、沒有浮水印、也沒有「註冊後才能下載」——一張 40 MB 的相機匯出圖和一張截圖一樣輕鬆。

這裡的壓縮包含兩層意思。有損品質決定 JPEG、WebP 或 AVIF 輸出保留多少細節;80% 對絕大多數照片肉眼無差別,通常能把手機照片縮小 60–80%。可選的「最長邊」還能把過大的圖縮小:一張 4000 像素的照片如果只在 1200 像素寬的位置顯示,四分之三的位元組都浪費在沒人看到的像素上。兩者一起用,6 MB 的照片會變成 300 KB 的網頁圖,看不出差別。

PNG 走的是另一條路:畫質滑桿選的不是編碼品質,而是保留多少種顏色——80% 保留 256 色,60% 保留 128 色,拉到 100% 則保留全部顏色、做無損壓縮。截圖和純色圖形上那 −50–80% 就是這麼來的。存成 PNG 的照片,通常更適合轉成 JPEG 或 WebP。

怎麼用

把圖片拖到虛線框裡、點擊框選擇檔案,或者直接從剪貼簿貼上。第一張圖會以 1:1 像素出現在畫布上,左邊是原圖、右邊是壓縮後;拖分割線比較,拖畫面看別的地方,切到「適應」看整體。拖動品質滑桿,右半邊很快重新編碼,壓縮後的檔案大小就在畫布下面——按「壓縮圖片」之前,先找到那個看起來還行的最低品質。「自動」保持每個檔案原來的格式(JPEG 還是 JPEG,PNG 還是 PNG);選 WebP 可以得到現代瀏覽器都能顯示的最小檔案。點清單裡任意一列,畫布就換成那一張。

設定會記在這台裝置上,下週再打開還是同樣的品質和尺寸限制。處理完之後,「繼續處理」按鈕能把壓縮結果直接交給格式轉換尺寸調整,不用重新選檔案。如果某一張需要不同的參數,把它從清單裡移除、改設定、再拖進來即可。

常見地雷

PNG 壓縮的原理是把圖片量化到 256 色調色盤並加抖動——和 TinyPNG、pngquant 同一套辦法——在截圖、圖示和扁平圖形上看不出來,但在有平滑漸層的照片上可能出現輕微色帶。如果這張 PNG 其實是照片,正確答案是 JPEG 或 WebP(通常小 70–90%);必須保留每一種顏色時勾選「PNG 無損」,那樣只做濾波器和 deflate 最佳化,只能省 5–20%。

品質低於 50% 時文字和銳利邊緣周圍會出現方塊狀瑕疵;已經壓縮過的 JPEG 再壓一次總會再損失一點,重要的圖保留原檔。透明 PNG 轉 JPEG 時透明區域會被填成白色,因為 JPEG 沒有透明通道。GIF 動圖只保留第一格。另外瀏覽器重新編碼時會去掉 EXIF 中繼資料(相機型號、GPS 位置)——分享時是隱私上的好處,但如果你依賴內嵌的方向或版權資訊,要注意。

背景知識:有損壓縮是怎麼運作的

1992 年定標的 JPEG 把圖片切成 8×8 像素區塊,用離散餘弦轉換轉成頻率係數再量化:人眼不敏感的高頻細節被捨入掉,品質參數控制捨入的力度。Google 在 2010 年發布的 WebP 借用了 VP8 視訊編碼的預測技術,同等觀感下比 JPEG 小 25–35%,並且支援透明和動畫。基於 AV1 視訊編碼的 AVIF 更進一步,但編碼慢,而且不是所有瀏覽器都能寫。

這裡用的編碼器不是瀏覽器 canvas 內建的那套粗糙實作——那套會寫出臃腫的 PNG 和沒最佳化的 JPEG——而是 Google Squoosh 背後的同一批函式庫,編譯成 WebAssembly 按需載入:MozJPEG(漸進式、trellis 最佳化的霍夫曼表)、libwebp、libavif、做 PNG 無損最佳化的 OxiPNG,以及帶抖動的調色盤量化器。它們在背景執行緒運行,大批量處理時頁面不卡;檔案依然不離開你的電腦,頁面載入後離線也能用。結果若比原圖大,一律原樣保留原圖。

壓縮後的圖片用在哪

網站圖片是壓縮的第一大原因:頁面體積決定 Core Web Vitals,Google 的 LCP 指標往往就卡在一張過大的首屏大圖上。電商商品圖、WordPress 媒體庫、電子報(附件超過幾百 KB 就會被截斷)、有硬性大小限制的論壇和求職網站上傳、應用程式商店截圖、以及會粗暴二次壓縮的通訊軟體,都需要先壓一遍。攝影師發相簿前縮小預覽;老師壓縮教材裡的圖片好讓簡報能順利寄出;開發者在提交版本庫前壓縮素材。

典型流程是:先壓縮,再轉成 WebP 用於網頁,再調整尺寸到實際顯示寬度。含有 QR Code 的截圖應保留 PNG 以保證模組清晰;如果圖片要以 data URL 內嵌,壓縮後再過一遍 Base64 編碼。收據或文件的照片可以在這裡壓縮後,用圖片轉 PDF 合成一個檔案。iPhone 的 HEIC 照片可以直接拖進來壓縮;想先得到普通 JPG,用 HEIC 轉 JPG

常見問題

圖片會上傳到伺服器嗎?

不會。解碼、縮放和編碼都在瀏覽器裡透過 canvas 介面完成。頁面載入後關掉 Wi-Fi 也照常運作。

品質選多少合適?

照片用 80% 最穩妥:通常縮小 60–80% 且看不出差別。縮圖和預覽可以到 60–70%,用於列印或封存的選 90%。

PNG 是怎麼壓縮的?

預設把圖片量化到最佳化過的 256 色調色盤並加抖動(和 TinyPNG 一樣),再用 OxiPNG 重新選濾波器和 deflate——通常小 50–80%。勾選「PNG 無損」則精確保留每個顏色,只做無損最佳化。

有檔案大小或數量限制嗎?

沒有固定限制,只受記憶體限制。筆電上一次處理幾百張手機照片沒問題;特別大的批次分組處理更順。

會保留 EXIF(例如 GPS 位置)嗎?

不會。透過 canvas 重新編碼會捨棄 EXIF、ICC 色彩描述檔等中繼資料。顏色會先轉成 sRGB,所以畫面看起來不變。