無論你是網站設計師、電商賣家還是一般用戶,圖片檔案太大始終是個令人頭痛的問題。上傳速度慢、網頁載入卡頓、手機儲存空間不足——這些都是圖片過大帶來的困擾。本文將帶你全面了解降低圖片大小的原理與實用方法。
圖片壓縮的基本原理
圖片壓縮本質上是透過減少圖片中的資料量來縮小檔案大小。數位圖片是由無數個像素組成,每個像素都包含色彩資訊。壓縮演算法會以不同方式精簡這些資訊:
- 有損壓縮(Lossy):永久捨棄部分圖片資料,換取更高的壓縮率。JPEG 格式即採用此方式。人眼對某些細節不敏感,演算法會優先捨棄這類資訊。
- 無損壓縮(Lossless):重新編排資料的儲存方式,不丟失任何像素資訊。PNG 格式的壓縮屬於此類。
- 色彩深度降低:將 24-bit 色彩(1,600 萬色)減少為 8-bit(256 色),適用於圖示、插畫等色彩簡單的圖片。
格式選擇對檔案大小的影響
選對格式,有時不需要壓縮就能讓圖片顯著變小。各格式的特性如下:
- JPEG:最適合照片類圖片。可調整壓縮品質(通常 60–80% 已足夠),在視覺品質與檔案大小之間取得良好平衡。
- PNG:適合有透明背景或需要精確色彩的圖片(如截圖、圖示)。同樣內容的 PNG 通常比 JPEG 大。
- WebP:Google 開發的現代格式,相同視覺品質下比 JPEG 小 25–34%,比 PNG 小 26%。現代瀏覽器均支援。
- AVIF:更新一代格式,壓縮效率更高,但相容性尚不如 WebP 普及。
- GIF:僅適合簡單動畫,靜態圖片不建議使用,因色彩限制在 256 色。
解析度調整:最直接的減肥方法
解析度(像素尺寸)對檔案大小的影響是乘法關係。一張 4000×3000 像素的照片,若縮小為 2000×1500,像素數量減少為原來的 1/4,檔案大小也會大幅下降。
常見使用情境的建議解析度:
- 網頁橫幅圖片:1200–1920 px 寬
- 文章內嵌圖片:600–900 px 寬
- 電商產品圖:800–1200 px(正方形)
- 社群媒體縮圖:400–800 px
- 電子郵件圖片:600 px 寬以內
對於高解析度顯示器(Retina),可準備 2x 版本,但搭配適當壓縮,仍可維持合理檔案大小。
各平台與工具的操作方法
線上工具(最方便)
線上圖片壓縮工具無需安裝,開啟瀏覽器即可使用,適合快速處理少量圖片:
- 上傳圖片後,工具會自動分析並套用最佳壓縮參數
- 多數工具支援批次上傳,一次處理多張
- 可預覽壓縮前後的對比效果
- 下載壓縮後的檔案,不需要帳號
Adobe Photoshop(專業用戶)
Photoshop 提供精細的壓縮控制:
- 開啟圖片後,選擇「檔案」→「轉存」→「轉存為」
- 格式選 JPEG,品質設定建議 60–75(視用途調整)
- 勾選「最佳化」選項以進一步縮小
- 確認最終檔案大小顯示在視窗左下角
- 亦可使用「儲存為 Web 所用」功能,提供更多格式選項與即時預覽
手機(iOS/Android)
手機上壓縮圖片有幾種方式:
- iOS:透過「郵件」App 分享照片時,系統會提示選擇「小」、「中」、「大」、「實際大小」,選擇較小尺寸即可壓縮
- Android:各品牌相機 App 通常可在設定中調低拍攝解析度;Google 相片提供免費備份時會自動壓縮
- 第三方 App:Photo Compress、Reduce Photo Size(Android)、Compress Photos(iOS)等 App 提供批次壓縮功能
命令列工具(開發者)
對於需要批次處理大量圖片的開發者或進階用戶,命令列工具更有效率:
- ImageMagick:
convert input.jpg -quality 75 output.jpg
- cwebp(WebP 轉換):
cwebp -q 80 input.jpg -o output.webp
- jpegoptim:
jpegoptim --size=200k input.jpg(指定目標大小)
- pngquant:
pngquant --quality=65-80 input.png
品質與大小的平衡:如何找到甜蜜點
壓縮程度並非越高越好。以下是找到平衡點的實用建議:
- 照片類圖片:JPEG 品質 65–80% 通常是最佳範圍,肉眼幾乎看不出差異,但檔案大小可縮減 50–70%
- 產品圖:需要清晰呈現細節,建議品質不低於 75%
- 背景圖:用戶不會仔細檢視,可接受更高壓縮,品質 50–60% 即可
- 圖示/LOGO:使用 SVG(向量格式)或 PNG,品質損失會很明顯,不適合過度壓縮
一個實用的測試方法:先將品質設為 60%,若能接受,再試試 50%;若 60% 已出現明顯失真,則提高到 70%。找到「剛好可接受」的最低品質,即是最佳壓縮點。
網頁圖片大小的建議標準
對於網站使用,以下是業界通用的檔案大小建議:
- 英雄圖(Hero image):200 KB 以內
- 一般文章圖片:100 KB 以內
- 縮圖:30 KB 以內
- 圖示:10 KB 以內(或使用 SVG)
Google PageSpeed Insights 會在圖片過大時提出建議,也可作為檢核標準。
小結
降低圖片大小的方法多元,從選對格式、調整解析度,到使用各種工具進行壓縮,每種方式都有其適用情境。對於大多數用戶來說,線上工具是最快速便捷的選擇;對於開發者或需要批次處理的場合,命令列工具或程式庫更為高效。最重要的是找到視覺品質與檔案大小的平衡點,讓圖片在清晰好看的前提下,盡可能地輕量化。
不上傳的做法
如果這個檔案是機密的,最安全的做法是讓它根本不離開你的電腦。圖片調整尺寸完全在瀏覽器裡執行:檔案從你的硬碟讀進記憶體、在本機處理、再寫回硬碟,不會送到任何伺服器。
- 開啟圖片調整尺寸。
- 從你的電腦選擇檔案。它是在本機讀取的,不會上傳。
- 輸入需要的寬高,或直接選預設尺寸。
- 下載結果。原始檔案留在原處。
在瀏覽器裡直接完成,檔案不會離開你的電腦:圖片調整尺寸