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/