如何在保持品質的同時減少圖片檔案大小 | 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 MB | 180 KB(調整為 1200px,JPEG q80) | 97% |
| 截圖(1920x1080) | 1.8 MB PNG | 320 KB(WebP 無損) | 82% |
| 產品照片(3000x3000) | 4.1 MB | 210 KB(調整為 1000px,WebP q80) | 95% |
| 部落格標題(2400x1600) | 3.5 MB | 250 KB(調整為 1200px,JPEG q82) | 93% |
模式是一致的:先調整尺寸,再壓縮,你通常可以在沒有可見品質損失的情況下獲得 90% 以上的縮減。
按順序的流程
- 調整尺寸 到你實際需要的尺寸。這是最大的一項勝利。
- 選擇正確的格式。 網頁用 WebP,廣泛相容性用 JPEG,圖形用 PNG。
- 將品質設為 75 到 85(用於有損格式)。從 80 開始,如有需要再調整。
- 移除中繼資料,除非你有特定原因需要保留。
- 比較 壓縮版本與原始檔案。如果看起來一樣,就完成了。
常見錯誤
壓縮一個已經壓縮過的圖片: 每次重新壓縮 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