Site icon Mr. 沙先生

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

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

 

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

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

 

在本篇採用 OptiPNG 和 jpegoptim 介紹

 

在 CentOS 可以直接用 yum 安裝

$ yum install optipng jpegoptim

 

OptiPNG

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

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

 

jpegoptim

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

$ jpegoptim --strip-all logo.jpg

 

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

 

Exit mobile version