如何在保持品質的同時減少圖片檔案大小 | Bulk Image Compressor

目標:更小的檔案,相同的外觀

「不損失品質」並不代表零資料損失。它指的是沒有可見的差異。檔案中技術上的改變與你的眼睛實際能察覺到的之間有很大的差距。這個差距就是智慧壓縮發揮作用的地方。

直接從手機出來的照片可能是 6 到 8 MB。你可以將其降到 200 到 400 KB,而且在螢幕上看起來仍然一模一樣。以下是方法。

1. 品質設定:80% 通常就夠了

每個圖片壓縮工具都有一個品質滑桿,而大多數人要嘛將其保持在 100(浪費),要嘛調得太低(難看)。對大多數照片來說,最佳平衡點在 75 到 85 之間。

以下是這些數字在實際中的含義:

  • 品質 100: 最高品質,最大檔案大小。你在保留沒有人會看到的資料。
  • 品質 90-95: 幾乎與原始檔案無法區分。檔案大約小 40% 到 50%。適合用於歸檔你可能會印刷的照片。
  • 品質 75-85: 在螢幕上沒有可見差異。檔案比原始檔小 60% 到 80%。這是你應該用於網頁圖片的範圍。
  • 品質 50-70: 如果你仔細看,會開始注意到假影,特別是在文字和銳利邊緣周圍。仍然可以用於縮圖。
  • 低於 50: 可見的劣化。只在檔案大小比外觀更重要時使用。

真實案例:一張來自 iPhone 的 4032x3024 照片,品質 100 時約為 5.2 MB。品質 80 時,約為 1.1 MB。你在網站上能看出差別嗎?幾乎從不。

一個重要的注意事項

品質數字並非標準化。Photoshop 中的品質 80 與其他工具中的品質 80 會產生不同的結果。始終以視覺方式檢查輸出。壓縮、比較、如有需要再調整。

2. 調整圖片尺寸(這是最大的勝利)

在你觸碰壓縮設定之前,先問自己:這張圖片需要這麼大嗎?

手機相機產生的圖片寬度超過 4000 像素。大多數網站內容區域的寬度是 600 到 1200 像素。如果你上傳一張 4000px 的圖片並以 800px 顯示,你的訪客正在下載比他們需要多出 5 倍的資料。

常見顯示尺寸和建議尺寸:

  • 部落格文章圖片:1200px 寬就足夠了
  • 社群媒體:依平台而異,但 1200-1500px 寬涵蓋大多數情況
  • 縮圖:400-600px 寬
  • 全寬英雄圖片:1920px 寬,很少需要更大
  • 電子郵件圖片:600-800px 寬

僅將尺寸從 4000px 調整到 1200px,就能在套用壓縮前將檔案大小減少 80% 到 90%。將此與品質 80 的壓縮相結合,你可以輕鬆地從 6 MB 的原始檔變成 150 KB 的網頁就緒圖片。

3. 選擇正確的格式

不同的格式擅長不同的事情。使用錯誤的格式意味著你要不是得到比必要更大的檔案,就是得到比應有水準更差的品質。

快速建議:

  • 照片: WebP(最小的檔案)或 JPEG(最廣泛的相容性)
  • 截圖、文字、圖表: PNG 或 WebP 無損
  • 標誌和圖示: 如果可能使用 SVG,否則使用 PNG
  • 透明圖片: WebP 或 PNG

如果你不確定該選擇哪種格式,我們的 JPEG vs PNG vs WebP 比較 有更詳細的說明。

4. 移除中繼資料

每張來自相機或手機的照片都帶有中繼資料:相機型號、GPS 座標、日期/時間、色彩描述檔、縮圖預覽,有時還有編輯歷史。這些中繼資料每張圖片可以增加 50 到 200 KB。對單張照片來說不多,但在一個擁有數百張圖片的網站上,它會累積起來。

大多數壓縮工具預設會移除中繼資料。如果你的工具有此選項,請開啟它。你很少需要在網頁圖片上保留相機中繼資料,而且移除 GPS 資料也是隱私上的勝利。

5. 多個檔案的批次處理

如果你處理的不僅僅是少數幾張圖片,一次壓縮一張是很痛苦的。Bulk Image Compressor 讓你可以拖入所有圖片,並使用相同的設定一次處理。

批次處理在以下情況特別有用:

  • 你正在為一個新網站準備圖片
  • 你從客戶那裡收到了一個產品照片資料夾
  • 你正在遷移現有網站,需要優化所有圖片
  • 你正在處理來自活動或拍攝的照片

將品質設為 80,選擇目標格式,設定最大寬度,然後讓它執行。對大多數批次來說,你不需要調整個別圖片。

前後對比:實際數據

以下是一些你可以實現的真實世界範例:

圖片類型原始檔案優化後節省
手機照片(4032x3024)5.2 MB180 KB(調整為 1200px,JPEG q80)97%
截圖(1920x1080)1.8 MB PNG320 KB(WebP 無損)82%
產品照片(3000x3000)4.1 MB210 KB(調整為 1000px,WebP q80)95%
部落格標題(2400x1600)3.5 MB250 KB(調整為 1200px,JPEG q82)93%

模式是一致的:先調整尺寸,再壓縮,你通常可以在沒有可見品質損失的情況下獲得 90% 以上的縮減。

按順序的流程

  1. 調整尺寸 到你實際需要的尺寸。這是最大的一項勝利。
  2. 選擇正確的格式。 網頁用 WebP,廣泛相容性用 JPEG,圖形用 PNG。
  3. 將品質設為 75 到 85(用於有損格式)。從 80 開始,如有需要再調整。
  4. 移除中繼資料,除非你有特定原因需要保留。
  5. 比較 壓縮版本與原始檔案。如果看起來一樣,就完成了。

常見錯誤

壓縮一個已經壓縮過的圖片: 每次重新壓縮 JPEG 都會使其變得更糟。始終從你擁有的最高品質原始檔開始。

沒有先調整尺寸: 壓縮一張 4000px 的圖片以在 800px 使用,浪費了頻寬和 CPU。先調整尺寸,再壓縮。

對照片使用 PNG: 一張照片作為 PNG 可能比同一張照片作為 JPEG 大 5 到 10 倍,而且沒有視覺上的好處。

為了達到檔案大小目標而將品質設得太低: 如果你需要一個小於 100 KB 的檔案,減少尺寸比將品質降到 30 更好。一張銳利的小圖片比一張模糊的全尺寸圖片看起來更好。

了解 壓縮的運作原理 的基本知識可以幫助你做出更好的決定。你不需要知道數學原理,但了解有損和無損壓縮之間的差異可以防止你犯下難以挽回的錯誤。

Ready to compress your images?

Bulk compress JPEG, PNG, WebP, and AVIF images right in your browser. No uploads, no sign-ups.

Try Bulk Image Compressor