本月初，Google 宣布了WebP 圖像格式方案，意欲挑戰(zhàn)多年來JPEG圖像格式在Web上的權(quán)威。根據(jù)Google 官方給出的資料，WebP 使用了與 WebM 相同的VP8編碼器來壓縮圖像，利用預(yù)測(cè)編碼技術(shù)，通過部分像素塊的顏色來預(yù)測(cè)其鄰近塊的顏色值，并只記錄兩者的差值，因?yàn)槎鄶?shù)情況下兩者差距很小，甚至零差距，因而大大提高了壓縮的比率。簡(jiǎn)單的說，Google 想打造出一種文件體積又小，而且畫質(zhì)和JPEG一樣的圖像格式，以在保證畫質(zhì)的前提下提高網(wǎng)頁(yè)圖像瀏覽的速度。

大家知道，圖形壓縮技術(shù)多年都沒有特別明顯的更新，而 Google 這一方案的宣布無(wú)疑是一顆重磅炸彈，很快Mac 上著名的圖片編輯工具 Pixelmator 宣布支持 WebP 圖像格式。在 Google 官方都還沒有放出瀏覽器插件的情況下，Nick Zitzmann 率先推出了Mac OS X 平臺(tái)下的WebP 瀏覽器插件。那么，現(xiàn)在很多人關(guān)心的是，WebP到底能否挑戰(zhàn)JPEG在互聯(lián)網(wǎng)上的權(quán)威呢？為此，筆者專門對(duì) WebP 這個(gè)圖像格式的畫質(zhì)進(jìn)行了測(cè)試。

測(cè)試的方法很簡(jiǎn)單，直接使用 Pixelmator 將從數(shù)碼相機(jī)中導(dǎo)出的原圖分別轉(zhuǎn)換成JPEG 和 WebP 格式（畫質(zhì)均設(shè)定為100%），然后分別對(duì)畫質(zhì)和文件尺寸進(jìn)行對(duì)比，如上圖，接下來我們看看測(cè)試的結(jié)果：
畫質(zhì)對(duì)比

整體對(duì)比，左邊為WebP，右邊為JPEG

局部多倍放大對(duì)比，可見WebP明顯丟失了大量細(xì)節(jié)

文件尺寸對(duì)比

JPEG文件容量5.3MB，WebP文件容量2.3MB，WebP優(yōu)勢(shì)明顯

再來看第二張照片的對(duì)比結(jié)果：
畫質(zhì)對(duì)比

左邊為WebP圖像格式，右邊為JPEG圖像格式

區(qū)別最大的區(qū)域，WebP格式同樣丟失色彩細(xì)節(jié)

文件尺寸對(duì)比

WebP格式壓縮率優(yōu)勢(shì)明顯

通過前面的對(duì)比，我們已經(jīng)可以得出基本結(jié)論：WebP格式圖像在壓縮率方面表現(xiàn)非常優(yōu)秀，相對(duì)于JPEG來說容量小很多，完全符合Web的發(fā)展趨勢(shì)。但在畫質(zhì)表現(xiàn)方面，WebP明顯不能與JPEG相比，但整體來看容量的大幅下降完全值得犧牲那一點(diǎn)點(diǎn)畫質(zhì)損失。
這里順便簡(jiǎn)單說一下目前如何使用WebP圖像格式（Mac 平臺(tái)）：
創(chuàng)建和轉(zhuǎn)換 WebP 格式圖像都可以使用 Pixelmator 最新版本來完成，需要注意的是軟件安裝成功后需要在終端執(zhí)行一條命令："defaults write com.pixelmatorteam.pixelmator enableWebP YES"
在瀏覽器上顯示 WebP 圖像可以去這里下載 Weppy 瀏覽器插件，然后將解壓的幾個(gè)文件拖到系統(tǒng)——資源庫(kù)——Internet Plug-Ins 文件夾中即可，這樣在 Chrome、Safari 以及 FireFox 中都可以正常顯示 WebP 圖像了，不過筆者在 Mac 版 Opera 中未能測(cè)試成功，本文的第一張配圖就是在 Chrome 中成功顯示 WebP 圖像的截圖。

目前，WebP還處在早期開發(fā)階段，因此本文的測(cè)試也僅僅能夠代表目前WebP圖像格式的水平。


轉(zhuǎn)自“創(chuàng)新100”139說客