圖片壓縮如何在保留畫質的同時縮小檔案
這個工具的運作方式
壓縮圖片,就是把它重新寫入,讓佔用的位元組更少,同時外觀盡量貼近原圖。本工具會將你的 JPEG、PNG、WebP 或 AVIF 檔案解碼,重新繪製到 HTML 的 canvas 上,再以較低的品質或較小的解析度重新編碼。整個過程都透過瀏覽器內建的影像 API 在你的裝置上完成,因此即使是 10MB 的相片也不會離開你的電腦。
工具提供四種方式:僅品質、僅尺寸、品質+尺寸,以及目標檔案大小;最後一種會反覆處理多次,直到結果落在你以 KB 指定的大小之內。
如何挑選合適的方式
當像素尺寸已符合用途、只是檔案太重時,就選僅品質。若圖片遠大於實際顯示的尺寸,例如要放進 800 像素欄位的 4000 像素相機輸出檔,僅尺寸更為合適。想大刀闊斧地縮小,例如批次製作縮圖時,則把兩者結合使用。
當上傳上限或效能預算訂出明確的天花板時,目標檔案大小最為理想:你直接輸入數值,讓工具朝那個值反覆逼近,而不必憑感覺拉動滑桿。
一個具體例子
假設一張相機相片以 3.8MB、4032×3024 像素輸出,但頁面只會用 1200 像素的寬度顯示。選擇品質+尺寸,把寬度上限設為 1200,品質設在 80% 左右。結果面板會列出新的檔案大小、節省的百分比、最終尺寸,以及最佳化反覆了幾次。原本約 3.8MB 的檔案往往能降到 300KB 以下,縮減超過 90%,而在實際檢視的尺寸下看不出畫質損失。
格式、透明度與取捨
壓縮永遠是一種取捨:品質每往下一階,就會捨棄無法找回的細節,因此 JPEG、WebP 和 AVIF 屬於失真壓縮,最適合相片。PNG 是非失真壓縮,精確保留每一個像素,適合標誌、螢幕截圖和線條圖,但也因此在縮小幅度上有其極限。在相同的觀感畫質下,WebP 與 AVIF 通常勝過 JPEG。
也要留意透明度:PNG 與 WebP 帶有 alpha 通道,而把透明圖片存成 JPEG 時,原本透空的區域會被填上單色背景。當輸出可能比原檔還大時,工具會提出警示,讓你保留原始檔案。