如何在不失品質的情況下壓縮圖片
發佈日期 2026年8月16日 · 閱讀時間 5 分鐘

一張未經壓縮嘅智能手機相片可以大到 5–10 MB;經常要上載到網站、貼到社交平台、或者用嚟做電郵附件嘅話,咁大嘅檔案會拖慢頁面、超越附件上限,甚至被部分平台自動壓縮到你控制唔到嘅程度。問題係——直接將檔案縮細,往往會換嚟肉眼可見嘅模糊、色塊或者鋸齒。究竟有冇方法可以大幅縮檔,但又唔使犧牲睇起嚟嘅品質?
呢篇指南會拆解壓縮工具背後嘅原理,由「品質」數字代表咩、有損同無損嘅關鍵分別,到點樣睇住實際效果去揀最啱你嗰張相嘅設定。文末亦會示範 ImagElite 嘅圖片壓縮工具點樣將呢啲原理變成一個簡單嘅拖放體驗。
「壓縮」其實係兩個相反嘅目標
壓縮嘅目的係減少檔案大小,但點樣減少,可以係「丟棄你睇唔出嘅細節」(有損壓縮),亦可以係「用更精簡嘅方式記錄每一個像素,完全唔丟任何資料」(無損壓縮)。兩者目標完全相反,但都叫做「壓縮」——所以搞清楚你而家嗰張相究竟用緊邊一種,先唔會意外地損失咗你以為仲喺度嘅質素。
一般相片(JPG、WebP、AVIF)預設採用有損:工具會將原圖重新編碼,根據你嘅品質偏好丟棄部分資料。對相片嚟講,只要品質唔太低,呢個丟棄過程幾乎完全唔影響視覺效果——但如果你事後先發現原來品質設得太低,就已經救唔返。對設計資產、標誌、螢幕截圖呢類「需要每粒像素都一模一樣」嘅圖,無損先係正確選擇。
「品質」滑桿背後發生緊咩事
當你將一個 JPG 嘅品質由 100 拉到 75,工具其實做緊以下幾件事:將圖片切成 8×8 嘅小方塊,將每個方塊由空間域轉換到頻率域(DCT),再根據「人類對高頻細節較遲鈍」呢個特性,將代表高頻嘅數字四捨五入到更粗嘅網格。四捨五入係破壞性嘅——原本嘅精確值已經永久消失——但因為你嘅視覺系統本來就對呢啲細節唔敏感,成品睇起嚟仍然同原圖幾乎一樣。
WebP 同 AVIF 用更聰明嘅預測器,所以喺相同品質下檔案會更細。例如 WebP 會先根據相鄰像素估計當前區塊嘅顏色,再只記錄「預測錯咗幾多」,呢個殘差通常細好多。AVIF 更進一步,直接用 AV1 編碼器嘅內部預測,所以可以喺品質 50–60 就達到 JPG 80 嘅視覺效果,檔案仲細 30–50%。
| 品質範圍 | 視覺效果 | 建議用途 |
|---|---|---|
| 90–100 | 同原圖幾乎無法分辨 | 印刷母版、專業攝影交付 |
| 75–85 | 一般螢幕睇唔出分別 | 網頁相片、博客圖片、社群媒體 |
| 55–70 | 細睇可能見到輕微瑕疵 | 縮圖、預覽、頻寬受限嘅電郵 |
| 20–50 | 明顯色塊、邊緣起「毛」、失真 | 只適合極小嘅預覽圖或像素風格 |
揀品質嘅實用流程
第一步:揀一個起始值。多數相片由 75–80 開始通常已經夠靚。第二步:實際睇吓。喺原圖旁邊並排比較,或者用 ImagElite 嘅前後對比預覽,縮到 100% 放大睇眼窩、髮絲、文字邊緣呢啲最容易見到瑕疵嘅位置。第三步:留意檔案大小。75 通常可以縮到原檔嘅 25–35%,80 約 35–45%,85 約 50–60%。第四步:再決定轉唔轉格式——同樣 75 嘅品質,AVIF 比 JPG 細 30% 係常見嘅事。
六個保持視覺品質嘅具體做法
一、保留原始母版,永遠由母版重新匯出——唔好反覆儲存已經壓縮過嘅 JPG,因為每儲一次都會再丟一輪細節。二、根據內容揀格式:相片去 AVIF 或 WebP,標誌截圖去 PNG 或無損 WebP。三、保持合理嘅像素尺寸——將一張 4000×3000 嘅相縮到 1920×1440 通常比硬壓品質更有效率。四、控制色彩深度:對螢幕顯示,8-bit sRGB 已足夠;高 bit depth 嘅 RAW 或 16-bit PNG 對網頁用圖嚟講係浪費。五、用 ImagElite 嘅「目標大小」模式:輸入你嘅檔案上限(例如電郵附件 500 KB),工具會自動揀最接近嘅品質,唔使估。
六、最後做一次肉眼檢查:縮到同實際睇嘅尺寸一樣大(手機睇就用 360–414px 寬度),留意漸層區域嘅色階、有冇出現橫紋、邊緣位有冇起「蚊香」或者鬼影。如果你喺相片級數嘅輸出上睇唔到任何異樣,你已經揾到正確設定。當品質同檔案大小互相拉扯嘅時候,呢個最後嘅肉眼檢查永遠係最準嘅指標。
點解 ImagElite 適合呢類工作
ImagElite 嘅壓縮工具將上面所有原理收埋喺一個簡單介面入面:拖放或者貼上你嘅圖,揀目標格式同品質(或目標大小),即時睇到檔案大小變化同並排預覽,再下載。由於所有運算都喺你嘅瀏覽器內以 WASM 進行,你嘅相片完全唔會上傳到任何伺服器,可以喺唔同品質設定之間快速 A/B 測試而唔使重新上載,呢個正正係搵到「最細但又睇唔出」嗰個甜蜜點嘅最佳方法。