幫谷歌推廣Webp圖片格式之:Webp的格式轉換
參考谷歌官網:Webp: A new image format for the Web
Webp
是Google強推的新一代網路圖片格式,特點就是:高質量壓縮。
能壓縮多少呢?5MB的原圖,不降低效果,轉換成webp格式後大小是幾百KB。100KB的圖,轉換後是9KB。
雖然目前所有主流瀏覽器都支援這種圖片格式,但不幸的是所有主流系統如Mac、Win等都還沒有預設支援開啟它的程式,更無法顯示它的預覽、縮圖。
如果想檢視,最簡單的方法是把 *.webp
檔案的開啟方式設定為Chrome等瀏覽器,雙擊開啟在瀏覽器中檢視。
還有很多時候我們需要對這種檔案進行轉換。
Google提供了一組工具集合,叫 libwebp
,其中包括各種webp相關轉換的命令:
- cwebp -- 將其它圖片轉為webp格式圖片 (不包括GIF)
- dwebp -- 將webp格式圖片轉為其它格式圖片
- vwebp -- webp圖片瀏覽器
- webpmux -- WebP muxing tool
- gif2webp -- 將GIF轉換為webp圖片
下載安裝參考官網:Downloading and Installing WebP
Ubuntu安裝libweb庫:
$ sudo apt-get install webp
Mac安裝libwebp庫:
$ brew install webp
注意:Homebrew安裝的webp並不包括上面所有的工具,而只有 cwebp
和 dwebp
。
如果我們想要所有的工具,有兩種方法:
- 到官網找到自己OS對應版本的二進位制包,直接執行使用
- 自己編譯
最簡單就是到官網下載列表裡找到自己的OS對應版本的二進位制包,下載下來解壓縮直接使用。
官方下載列表: https://storage.googleapis.co...
比如我的系統是Mac 10.12,那麼就找到 libwebp-0.6.0-mac-10.12.tar.gz
這個壓縮包下載:
cd /tmp wget https://storage.googleapis.com/downloads.webmproject.org/releases/webp/libwebp-0.6.0-mac-10.12.tar.gz tar xvzf libwebp-*.tar.gz cd libweb-*
然後在 ~/.zshrc
或 ~/.bash_profile
中的PATH環境變數中加入剛才二進位制檔案包中的bin目錄,或者直接設定alias,即可開始像別的命令開始用了。
如果沒有自己所用系統的二進位制包,那麼就只能自己編譯了。每種平臺的編譯方法不一樣,需要按照官網方法一步一步安裝。
編譯方法參考官方:Compiling the Utilities
將各種圖片轉換為Webp格式
參考: https://developers.google.com...
目前輸入格式支援:png, jpg
$ cwebp INPUT.png -o OUTPUT.webp
將Webp圖片轉換為其它格式圖片
參考: https://developers.google.com...
$ dwebp INPUT.webp -o OUTPUT.png
將GIF轉換為Webp格式
參考: https://developers.google.com...
$ gif2webp INPUT.gif -o OUTPUT.webp
瀏覽webp圖片
這個命令不是在命令列終端裡瀏覽圖片,而是在桌面上彈出一個GUI視窗顯示圖片,所以需要依賴本地電腦的GUI桌面。
$ vwebp INPUT.webp