2026 年要有效壓縮 PNG 檔案，無損優化請使用 oxipng（零品質損失），有損量化則用 pngquant（縮減 60–80% 且幾乎看不出影響）。像 ToolTea 這類瀏覽器工具透過 WebAssembly 在本機處理快速任務，而 CLI 工具則能在開發管線中自動化批次處理。
無損 vs. 有損：哪種方法配哪種檔案？
| Method | Tool | How It Works | Best For | Typical Savings |
|---|---|---|---|---|
| 無損（Lossless） | oxipng | 重新編碼 DEFLATE、去除中介資料 | Logo、文字截圖、圖示 | 15–40% |
| 有損量化（Lossy quantization） | pngquant | 縮減調色盤（32-bit → 8-bit） | 插圖、相片、UI 元素 | 60–80% |
無損就像重新整理行李箱卻不丟任何東西——每個像素都保持一致。有損量化則透過限制獨特色彩數量實際移除資料，但肉眼幾乎察覺不到。
Pixotter 分享了一個案例研究：一張 UI 截圖從 1.2MB 降到 480KB（品質 80%）——幾乎與原始檔無法區分。
兩種方法都會保留 alpha 色版。與 JPEG 不同，PNG 即使經過激進壓縮，仍能完整保留透明度。
瀏覽器壓縮：快速且隱私
對日常任務而言，瀏覽器工具最快——而且能確保資料隱私。
ToolTea 使用 WebAssembly 在本機處理影像，這代表檔案永遠不會離開你的電腦：
- 上傳 —— 將 PNG 或 ZIP 檔拖曳進瀏覽器
- 選擇策略 —— 「無損」可達到像素完美的結果，或指定色彩數量（例如 256）以獲得最大壓縮
- 調整尺寸 —— 降至網頁標準寬度（例如 1920px）以進一步縮減
- 下載 —— 點擊「Compress All」並儲存
CLI 工具：開發者級優化
oxipng (v9.1.1) —— 無損黃金標準
oxipng 以 Rust 打造，速度明顯快於舊工具。Pixotter 將它推薦為目前無損 PNG 優化的同類最佳工具。
oxipng --opt 4 --strip all input.png
oxipng --opt 4 --strip all *.png
pngquant (v3.0) —— 有損量化
將 32-bit PNG 轉換為 8-bit 調色盤，達成 60–80% 的檔案縮減。ToolTea 基準測試 證實這對 Logo 與 UI 元素幾乎無法察覺。
# Compress to 256 colors (80% quality)
pngquant --quality=65-80 --output output.png input.png
# Batch with fallback
pngquant --force --quality=65-80 --ext .png *.png
PNG 3.0：2025 年更新
PNG 3.0 版本（2025 年 6 月 24 日） 帶來多項重大改進：
| Feature | Impact |
|---|---|
| HDR 支援 | 為現代顯示器提供更高的動態範圍 |
| 原生 APNG | 動態 PNG 現已成為 W3C 推薦標準 |
| 改良的 Exif 區塊 | 更乾淨的中介資料處理 |
PNG vs. WebP vs. AVIF：何時該切換
即使有了 PNG 3.0，PNG 也不一定是網頁的最佳選擇：
| Format | Compression | Transparency | Browser Support | Use Case |
|---|---|---|---|---|
| PNG | 無損或有損 | 是（alpha） | 通用 | Logo、圖示、像素完美素材 |
| WebP | 比 JPEG 小 25–34% | 是 | 97%+ | 一般網頁影像、相片 |
| AVIF | 比 JPEG 小 50% | 是 | 92%+ | 極致壓縮、現代瀏覽器 |
SammaPix 指出：如果你唯一的目標是加快網頁載入，請將 PNG 轉換為 WebP 或 AVIF。只有在需要像素完美呈現或電子郵件相容性時，才繼續保留 PNG。
DEFLATE 與濾波如何協同運作
PNG 壓縮是兩階段的流程：
- 濾波（Filtering） —— 壓縮前，編碼器會套用五種濾波類型之一（Sub、Up、Average、Paeth、None），根據相鄰像素預測像素值，這能讓資料更具可預測性。
- DEFLATE —— LZ77 + Huffman 編碼引擎在濾波後的資料中找出重複模式並加以壓縮。
濾波越精準，DEFLATE 就越有效。像 oxipng 這類工具會針對每一列測試全部五種濾波策略並挑選最佳者——這正是它們優於基本編碼器的原因。
在使用者體驗方面，Adam7 交錯 演算法幾乎能在完整影像下載完成的同時立即渲染出模糊預覽——這對緩慢的行動網路連線相當有價值。
結論
2026 年的 PNG 壓縮意味著為工作挑選合適的工具：需要無損精準度（Logo、圖示）時用 oxipng，需要激進縮減（插圖與 UI 可省 60–80%）時用 pngquant。為了網頁效能，除非需要像素完美的透明度，否則可考慮轉換為 WebP 或 AVIF。
行動方案： 將你最肥大的 PNG 丟進 pngquant。如果 60–80% 的縮減效果令人滿意，就採用它。對開發管線而言，可將 oxipng 或 Sharp 加入建置流程，以自動去除中介資料並優化。
FAQ
我能在不損失任何品質的情況下壓縮 PNG 嗎？
可以。使用 無損工具 如 oxipng 或 ToolTea 的無損模式。這些工具會重新編碼 DEFLATE 資料並去除中介資料，而不改變任何一個像素。預期可獲得 15–40% 的縮減。
使用有損方法能將 PNG 壓縮多少？
使用 pngquant 通常可達 60–80%，它會將調色盤從數百萬色縮減為 256 色或更少。對 Logo 與 UI 元素而言，視覺差異幾乎無法察覺。若是相片，則建議改用 WebP。
我該為網站將 PNG 轉換為 WebP 嗎？
對一般網頁用途而言，是的。WebP 檔比同等 JPEG 小 25–34%，並像 PNG 一樣支援透明度。只有在素材需要像素完美呈現（邊緣銳利的 Logo、電子郵件範本），或要支援過時軟體的用戶端時，才繼續保留 PNG。
發佈留言