2013
Apr
21

網頁好讀版


WebP 官方網站

webp 是 Google Developer 開發的圖片壓縮工具,壓縮能力非常的強,我隨便拿幾張圖來測試,每一張都能壓縮超過 50% ,最多還能壓到剩 20%,而且圖片只會失真一點點,不仔細看的話,是完全看不出來的。

目前支援的 Browser 似乎只有 Chrome , opera........ 殘念

壓縮成果

先來看看壓縮的成果吧,看完可不要嚇一大跳,下面的兩張圖都可以點開來看,可以注意一下陰影與頭髮的地方,會有一點點失真 。

原始圖 249 KB
壓縮後 54 KB

再來用 Photoshop 將圖片畫質調到最爛,壓出來的結果是 48 KB ,但是圖片很明顯的失真了。

WebP 安裝方式

安裝 WebP 之前,要先裝好 libpng, libjpeg, libgif, libfreetype,這幾個 Library ,可以自行上網搜尋一下安裝方式,這裡只說明如何安裝 webp。

預設 Library 會裝到 /usr/local/lib ,執行檔則裝到 /usr/local/bin/, 執行檔共有兩個,分別是 cwebp 與 dwebp,開頭 『c』 是指compress , 『d』是指 decode 。

  • 壓縮指令: /usr/local/bin/cwebp xxx.jpg -o xxxCompress.jpg

測試壓縮

幫他寫了一個PHP Extension ,補了個簡單的 UI 來測試壓縮。

網頁好讀版