如何壓縮圖片又不犧牲可見品質

為什麼重要

首頁主視覺 4.2 MB。Lighthouse 分數難看。4G 手機使用者白屏兩秒。壓到 320 KB、品質 80%，肉眼難辨差異，但最大內容繪製（LCP）可快約 1.6 秒。這 1.6 秒與轉換率可測得到的提升相關。圖片壓縮是網站最便宜的效能勝利之一；隱私優先的瀏覽器工具代表不必把客戶照片上傳到 SaaS。

三個實際場景

操作說明

開啟 圖片壓縮工具。

1. 1

   拖入一張或多張

   支援 JPEG、PNG、WebP。多檔模式平行處理。

2. 2

   選輸出格式

   網站用 WebP（通常最小），郵件與舊環境用 JPEG，需透明的截圖／logo 用 PNG。

3. 3

   設品質

   50＝激進（照片可見瑕疵），75＝好用預設，90＝接近無失真。拖曳並觀察檔案大小變化。

4. 4

   輸出前可選縮放

   選填：最長邊上限 1600px 或 800px。多數落地照 1600px 已足夠。

5. 5

   下載單檔或 zip

   單檔→一般下載。多檔→打包 zip。

hero.jpg — 4,210 KB
3840 × 2160 px

hero.webp — 318 KB (-92%)
3840 × 2160 px (unchanged)
SSIM 0.984 (perceptually identical)

實用技巧

• WebP 已獲 95%+ 瀏覽器支援。 要極致壓縮可用 AVIF，但編碼較慢且支援尚未全面。
• 不要重複壓縮。 已壓過的 JPEG 再存 75% 會疊加瑕疵。務必從原檔開始。
• 公開圖可移除詮釋資料。 EXIF 可能含手機 GPS。壓縮器預設會移除。
• 有銳利文字的截圖請先壓縮再縮放——瑕疵放大時更糟。

常見陷阱

何時不適合用這套

• 向量素材（SVG、AI）——向量不吃點陣壓縮。點陣目標請用 SVGO 或 SVG 轉 PNG。
• 典藏級原始照片——主檔保留 PNG／RAW，只壓輸出。
• 程式化建置流程——Node／Python 腳本的 imagemin、sharp 或 vips 與 CI／CD 整合較佳。

FAQ

下一步

1. 用 圖片格式轉換 把舊格式換成現代格式。
2. 分享前用 EXIF 編輯器 剥個資。
3. 上架前用 浮水印工具 加品牌標記。