參考谷歌官網(wǎng):Webp: A new image format for the Web
Webp是Google強(qiáng)推的新一代網(wǎng)絡(luò)圖片格式,特點(diǎn)就是:高質(zhì)量壓縮。
能壓縮多少呢?5MB的原圖,不降低效果,轉(zhuǎn)換成webp格式后大小是幾百KB。100KB的圖,轉(zhuǎn)換后是9KB。
雖然目前所有主流瀏覽器都支持這種圖片格式,但不幸的是所有主流系統(tǒng)如Mac、Win等都還沒有默認(rèn)支持打開它的程序,更無法顯示它的預(yù)覽、縮略圖。

如果想查看,最簡單的方法是把*.webp文件的打開方式設(shè)定為Chrome等瀏覽器,雙擊打開在瀏覽器中查看。
還有很多時(shí)候我們需要對這種文件進(jìn)行轉(zhuǎn)換。
Google提供了一組工具集合,叫libwebp,其中包括各種webp相關(guān)轉(zhuǎn)換的命令:
- cwebp -- 將其它圖片轉(zhuǎn)為webp格式圖片 (不包括GIF)
- dwebp -- 將webp格式圖片轉(zhuǎn)為其它格式圖片
- vwebp -- webp圖片瀏覽器
- webpmux -- WebP muxing tool
- gif2webp -- 將GIF轉(zhuǎn)換為webp圖片
下載安裝參考官網(wǎng):Downloading and Installing WebP
Ubuntu安裝libweb庫:
$ sudo apt-get install webp
Mac安裝libwebp庫:
$ brew install webp
注意:Homebrew安裝的webp并不包括上面所有的工具,而只有cwebp和dwebp。
如果我們想要所有的工具,有兩種方法:
- 到官網(wǎng)找到自己OS對應(yīng)版本的二進(jìn)制包,直接運(yùn)行使用
- 自己編譯
最簡單就是到官網(wǎng)下載列表里找到自己的OS對應(yīng)版本的二進(jìn)制包,下載下來解壓縮直接使用。
官方下載列表:https://storage.googleapis.com/downloads.webmproject.org/releases/webp/index.html
比如我的系統(tǒng)是Mac 10.12,那么就找到libwebp-0.6.0-mac-10.12.tar.gz這個(gè)壓縮包下載:
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環(huán)境變量中加入剛才二進(jìn)制文件包中的bin目錄,或者直接設(shè)置alias,即可開始像別的命令開始用了。
如果沒有自己所用系統(tǒng)的二進(jìn)制包,那么就只能自己編譯了。每種平臺的編譯方法不一樣,需要按照官網(wǎng)方法一步一步安裝。
編譯方法參考官方:Compiling the Utilities
將各種圖片轉(zhuǎn)換為Webp格式
參考:https://developers.google.com/speed/webp/docs/cwebp
目前輸入格式支持:png, jpg
$ cwebp INPUT.png -o OUTPUT.webp
將Webp圖片轉(zhuǎn)換為其它格式圖片
參考:https://developers.google.com/speed/webp/docs/dwebp
$ dwebp INPUT.webp -o OUTPUT.png
將GIF轉(zhuǎn)換為Webp格式
參考:https://developers.google.com/speed/webp/docs/gif2webp
$ gif2webp INPUT.gif -o OUTPUT.webp
從命令行中瀏覽webp圖片
這個(gè)命令不是在命令行終端里瀏覽圖片,而是在桌面上彈出一個(gè)GUI窗口顯示圖片,所以需要依賴本地電腦的GUI桌面。
$ vwebp INPUT.webp