怎樣壓縮圖片又不損畫質
你把一張照片上傳到某個網站,結果被拒——檔案太大。或者給客戶發一批產品圖,郵件直接退信。這時候的本能反應是打開圖片編輯器,把品質滑桿拖到 60%,然後認命地接受那個模糊、馬賽克的結果,覺得這是沒辦法的事。其實不是。
搞清楚圖片為什麼大,才能在不犧牲畫質的前提下把它縮小。根源只有三個,解法各不相同。
圖片檔案到底為什麼這麼大
尺寸。一張 4000 × 3000 像素的照片包含 1200 萬個像素點。如果你在網頁上只以 800 × 600 顯示,相當於傳輸了 15 倍於實際需要的資料。光是縮放尺寸——還沒碰壓縮——就能把一張 4 MB 的圖壓到 400 KB 以內。
格式。PNG 會把每個像素原原本本存下來,天生就大。同一張照片存成 JPG,體積可能只有 PNG 的五分之一。WebP 是 Google 推出的格式,壓照片比 JPG 更高效,壓圖形比 PNG 更高效——相同視覺品質下,通常比 JPG 小 25–35%。選錯格式浪費的空間,比隨便拖個品質滑桿還多。
元資料。手機拍的每張照片都帶著 Exif 資料:GPS 座標、機型、光圈、拍攝時間,有時還有縮圖。一個 Exif 區塊通常占 20–80 KB。清掉它,肉眼看不出任何差別。
有損與無損——「不損畫質」到底是什麼意思
這兩個詞經常被混用,有必要說清楚。
無損壓縮在不丟棄任何資料的前提下縮小檔案。解壓後每個像素都和原來一模一樣。PNG 內部就是無損演算法;調高壓縮力度(deflate 演算法的努力程度),可以得到更小的檔案,像素分毫不差。WebP 的某些模式也是如此。
有損壓縮則會丟棄人眼不太容易察覺的資訊——平坦區域的細微色彩過渡、暗部的高頻細節。JPG 永遠是有損的。但高品質的 JPG 設定(0–100 刻度裡的 85–92)丟棄的東西極少,在正常瀏覽尺寸下你真的看不出差別,而檔案體積卻能小 60%。
所以「壓縮圖片不損畫質」是可以做到的,只是對不同檔案意味著不同的事。PNG 截圖或 logo,可以做到真正意義上的無損壓縮。JPG 照片,實際目標是在足夠高的品質檔位做有損壓縮,讓輸出結果在視覺上與原圖無法區分。兩種方向都是實實在在的收益,技術上卻完全不同。
在 Filuni 上壓縮圖片的步驟
Filuni 的圖片壓縮工具完全在瀏覽器端運行——檔案不會離開你的裝置,處理含敏感內容的圖片時這一點很重要。
- 打開 Filuni 的圖片壓縮工具。
- 把檔案拖進上傳區,或點擊手動選擇。最多可以同時上傳 10 個檔案。
- 選擇壓縮模式。JPG 和 WebP 會出現品質滑桿;PNG 則自動執行無損最佳化。
- 點擊壓縮。工具會在你下載之前顯示原始大小、壓縮後大小和節省比例。
- 下載結果。如果覺得壓得太猛,把品質調高重跑一次,大概兩秒鐘出結果。
不需要註冊帳號,沒有浮水印,也沒有每日次數限制。輸出就是檔案本身,沒有任何附加內容。
各格式具體建議
JPG:品質滑桿的甜蜜區間
JPG 的品質並非線性變化。100 和 85 之間的差距大多數人幾乎察覺不到;85 到 70 之間的差距明顯一些,但用作網頁縮圖還是可以接受的;低於 60,邊緣和文字周圍就會出現明顯的塊狀失真。對大多數場景——網站圖片、郵件附件、社群分享——80–88 是最優區間。一張 5 MB 的 RAW 匯出 JPG,在品質 85 下通常落在 600–900 KB,體積縮小 80–85%,在正常螢幕尺寸下看不出任何損失。
PNG:加大壓縮力度,而不是降低品質
PNG 沒有像 JPG 那樣的「品質」設定——它永遠是無損的。變化的只是壓縮力度(deflate 演算法的努力程度)。很多圖片編輯器為了速度,匯出時用較低的力度;專業的 PNG 最佳化器能在像素零變化的情況下減少 20–40% 的體積。如果你壓縮的是 PNG 截圖,又不需要透明色板,不妨直接轉成 WebP——往往能省下超過 50%。
換用 WebP——單次收益最大的操作
如果你能控制圖片的使用場景(自己的網站、自己發出去的文件),在壓縮之前先把 JPG 或 PNG 轉成 WebP,往往是槓桿最大的一步。WebP 同時支援有損和無損兩種模式,可以像 PNG 一樣處理透明色板,而且在相同品質下比 JPG 穩定小 25–35%。2020 年以後,所有主流瀏覽器都已支援它。只要是用於網路,幾乎沒有不用 WebP 的理由。
Filuni 的圖片格式轉換工具支援 JPG、PNG、WebP、BMP、GIF、TIFF 之間的任意互轉,同樣免費、瀏覽器端處理。
現實中能壓到多小
幾個常見場景的真實資料:
| 原始檔案 | 格式/設定 | 壓縮後 | 節省 |
|---|---|---|---|
| 4.8 MB 手機照片(JPG) | JPG 品質 85 | 約 720 KB | 85% |
| 4.8 MB 手機照片(JPG) | WebP 品質 85 | 約 480 KB | 90% |
| 1.2 MB PNG 截圖 | PNG 無損重壓縮 | 約 820 KB | 32% |
| 1.2 MB PNG 截圖 | WebP 無損 | 約 390 KB | 68% |
| 600 KB 產品圖(JPG) | JPG 品質 82 + 去除 Exif | 約 140 KB | 77% |
截圖轉 WebP 那一行挺讓人驚喜的:體積縮小 68%,視覺完全無變化。原因在於 WebP 的無損模式處理 UI 截圖中常見的大面積純色區域,遠比 PNG 的 deflate 演算法高效。
有一點要說明:非常小的圖片(20 KB 以下)本身已經接近壓縮極限了,有時壓縮的開銷反而會讓檔案略微變大。遇到這種情況直接用原圖即可,不必糾結。
常見問題
無損真的是完全不損失品質嗎?
數學上是的。無損壓縮的 PNG 或 WebP 解碼後,像素網格與原始檔案逐位相同,不存在任何降質。無論壓縮和解壓多少次,結果都一樣。有損格式(JPG、有損 WebP)則會退化,所以應該從原始檔案壓縮一次,而不是反覆對已經壓過的檔案再壓。
網站上的 JPG 該用多少品質?
80–85 是通常的答案,但最好在自己的圖片上測試一下。占滿全螢幕的大圖可以適當調高(85–90),因為大尺寸下失真比較明顯。縮圖和卡片圖 75–80 就夠了。低於 70 只適合檔案大小真的很關鍵的場景——行動流量有限、批量郵件發送——而且圖片本身不是頁面焦點時才考慮。
去掉 Exif 資料會有什麼問題嗎?
對網頁圖片來說,幾乎不會有任何問題。唯一需要保留 Exif 的情況是:你需要 GPS 座標用於地圖應用,或者需要色彩設定檔(ICC profile)用於印刷工作。社群媒體上傳、大頭貼、產品圖、普通網頁用途,去掉 Exif 完全安全,每張圖還能少 20–80 KB。
WebP 現在是不是哪裡都支援了?
在網頁場景下,是的。Chrome、Firefox、Safari(2020 年起)、Edge,以及所有主流手機瀏覽器都支援 WebP。現在做網站,WebP 是預設安全的選擇。唯一的例外是一些老舊環境,比如非常老的郵件用戶端或桌面軟體的內建圖片渲染——這些場合 JPG 還是更穩妥。
試試 Filuni 的免費工具
本文提到的工具,加上 120+ 款其他工具。免費、無需註冊、瀏覽器直接用。