? 幫谷歌推廣Webp圖片格式之:Webp的格式轉(zhuǎn)換

參考谷歌官網(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ù)覽、縮略圖。

image

如果想查看,最簡單的方法是把*.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并不包括上面所有的工具,而只有cwebpdwebp。

如果我們想要所有的工具,有兩種方法:

  • 到官網(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
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容