通过 Flash 让所有浏览器支持 WebP 格式图像解码
感谢读者 zjcqoo 的自爆。
WebP是Google推出的一种图片格式,它基于VP8编码,可对图像大幅压缩。与JPEG相同,WebP也是一种有损压缩,但在画质相同的情况下,WebP格式比JPEG图像小40%。见 Wiki 或 百度百科。它是一个开源项目,我们可以在此获取其中源码,以及相关工具。
显然,Google浏览器Chrome首先引入,此外Opera 11.10也增加对WebP的支持。但目前还缺少其它浏览器的支持(除非安装插件-Windows和Mac OS),但这并不妨碍我们尝试!
大多数浏览器自身无法解码WebP格式,但可以交给我们来实现!虽然网页脚本无法胜任,但借助Flash技术,我们完全可以实现高效快速的解码。并且,几乎所有的浏览器都支持Flash,所以zjcqoo写了个WebP插件:
当前版本共3个文件:WebP.js,WebP.swf和WebP.htc。在此下载打包文件。
在<body></body>之间插入如下代码,即可使用WebP了。
<script type="text/javascript" src="WebP.js"></script>
插件将会捕捉页面中使用WebP格式的img元素,并用Flash进行替换。图像的解码及显示都在Flash中完成,因此目前版本对CSS设置的背景图片无效。
当然,作为JPEG格式的替换,只有对较大的图像使用才有意义,否则过多的解码将消耗大量的资源。
etherdream网站里还有一些代码示范可以参考。
Via etherdream
© musiXboy 发表于 谷奥——探寻谷歌的奥秘 ( http://www.guao.hk ), 2011. |
3 条评论 |
永久链接 |
关于谷奥 |
投稿/爆料
Post tags: Flash, WebP