用 OptiPNG 和 jpegoptim 優化網站的圖片進行壓縮

這兩天在用 Google Developers 提供的 PageSpeed Insights 在測試網站效能，裡面有提到 最佳化圖片 的處理方式，維護網站常常會遇到設計人員因對網站的效能或是呈現沒有評估到，常常會給予太大的像素或是沒有壓縮過就放到網站上，就會導致網站的效能緩慢。

 

除了教育設計人員以外，在 PageSpeed Insights 也提到了許多工具拿來壓縮

目前市面上有許多可進階處理圖片的工具，能讓您無損壓縮 JPEG 和 PNG 檔案，完全不影響圖片品質。對於 JPEG，我們建議使用 jpegtran 或 jpegoptim (僅在 Linux 上提供；與 --strip-all 選項一併執行)；對於 PNG，我們建議使用 OptiPNG 或 PNGOUT。

 

在本篇採用 OptiPNG 和 jpegoptim 介紹

 

OptiPNG

一般使用方式 optipng 分為 o0~o7 的優化等級，越高則花費時間越久

$ optipng -nc -nb -o7 -full logo.png

 

jpegoptim

jpegoptim 針對的是沒有壓縮過的圖片，如果已經壓縮過了經過 jpegoptim 處理檔案沒有變小的話就會略過不處理，這點可以避免你已經壓縮過的檔案又被在二次處理導致檔案更大

$ jpegoptim --strip-all logo.jpg

 

為了方便使用，小弟也在 github 寫了一個 script 提供大家使用。

 

---

Orignal From: 用 OptiPNG 和 jpegoptim 優化網站的圖片進行壓縮