WebP是Google推出的一種圖片格式,與JPEG相同,WebP也是一種有損壓縮;相比JPEG,WebP種格式可以把圖片大小減少40%。WebP基于VP8編碼,可對圖像大幅壓縮。例如一張通過JPEG編碼,文件大小為677662byte的圖片,保存為WebP格式后,圖片大小為164910byte,壓縮率75.66%。
但是目前似乎只有Chrome和Opera瀏覽器支持WebP,其他瀏覽器都不支持(除非安裝插件了)。zjcqoo寫了一個插件來改變這個問題,原理是使用flash來解碼WebP格式圖像,因為幾乎所有的瀏覽器都支持flash,所以使用這個在線WebP插件,就可以使得所有瀏覽器都能拿支持WebP了。
當前版本共3個文件:WebP.js,WebP.swf和WebP.htc。在此下載打包文件。
在<body></body>之間插入如下代碼,即可使用WebP了。
<script type="text/javascript" src="WebP.js"></script>
插件將會捕捉頁面中使用WebP格式的img元素,并用Flash進行替換。圖像的解碼及顯示都在Flash中完成,因此目前版本對CSS設置的背景圖片無效。
WebP插件打包下載:http://www.etherdream.com/WebP/WebP.zip
WebP插件在線Demo:http://www.etherdream.com/WebP/
WebP插件源碼下載:http://code.google.com/intl/zh-CN/speed/webp/
