web前端優化之圖片無損壓縮的優化(4)

頁面上的各類圖片是否有優化的餘地，推薦使用 PageSpeed 檢測一下。

　　因爲專賣店等各類業務上傳的圖片有 jpeg、png 和 gif 等格式，所以三種格式都須要優化：

　　1)jpegtran和jpegoptim的壓縮效果幾乎徹底相同。

　　但jpegtran有progressive編碼(漸進式的展現，先顯示模糊的，再逐步清晰)，並且一般(84%的機率)對於大圖片(10k+)壓縮比更高。

　　雖然咱們的大部分頁面已經改爲延遲加載了，但對於非延遲加載的頁面，效果明顯更好。

　　經測試，pagespeed 並無按照 progressive 方式提供建議。

　　2)測試了png的幾種壓縮方式，壓縮效果各異。測試的一張圖片 optipng 只壓縮了約5%，但其餘幾種達到了20%+

　　經測試，pagespeed上給出的可壓縮比例是按照optipng給出的。

　　pngout聽說採用了不一樣的編碼，所以對小圖片壓縮效果更好。用imageoptim測試確實略優，但命令行上還沒找到合適的調用參數。

　　目前決定採用pngcrush。

　　對於採用png8，以大幅壓縮的方法，咱們不作技術處理。

　　3)gif就採用gifsicle作壓縮。

　　大部分狀況下，咱們不建議採用gif圖片。對於單幀gif更應該用png格式替代。

　　這裏咱們暫不考慮經過技術處理來吧單幀gif轉換成png。

　　4)採用php的exec調用shell腳本的方式來執行這些bin文件。