Google WebP 图片新进展:无失真压缩、去背透明、动看来新版的 WebP 要同时跟 JPEG、PNG 两个网路上的标準图片格式开战了。失真压缩依然是针对 JPEG 而来,透明(去背效果)则跟 PNG 具有相同的特性。虽然目前还在持续开发、调校中,但以 Google 的技术力来说,做出成品绝非问题,但要让各类软体、浏览器支援,则还有一段路要走。

2010年9月,Google 发表了 WebP 图片格式,跟相当普级的 JPEG 同样採用失真压缩(Lossy Compression)的技术,让图片档案能变小,在相同品质的情况下,可以比 JPEG 再小 25%~34%。经过一年左右的持续改进,WebP 多了几个新的特性:

支援 ICC profile(色彩描述档):让图片可以在不同的输出设备或萤幕达到一致的显示结果。支援 XMP(可延伸中继资料)。

还有更重要的,足以威胁 JPEG、PNG、GIF 的特性:

在失真压缩的模式下,档案比 JPEG 格式还小(这一点在之前就有了)。支援透明(去掉图片背景),并分为失真、无失真压缩模式,挑战 PNG 在网路世界的地位。支援动画效果,要跟 GIF 图档打对台。

相机拍出来的照片,使用 WebP 格式时,虽然也採用失真压缩的做法,但是档案比 JPEG 还小;而网页上的许多图片(照片以外的图),为了跟背景色融合,都会採用支援去背透明的 PNG 格式,在同样品质的状况下,WebP 档案也能比 PNG 档案还小。这表示网页的显示速度会更快,网站经营者可以减少频宽的使用,使用者也可以获得更好的上网体验。

新的无失真模式

WebP 无失真模式的开发重点是压缩密度与解码的简易性。平均来说,跟从网路上找来的 PNG 图片相比,可以减少 45% 的大小;如果使用 pngcrush 或 pngout 把 PNG 图片再次压缩,WebP 也能比这些图片再小 28%。

Google WebP 图片新进展:无失真压缩、去背透明、动▲ 无失真模式(红线)、失真模式(蓝线)与 PNG 图档(绿线)在不同压缩率下的比较,可以看出 WebP 格式图片都比较小。

新的透明模式

网站上有很多图片(Logo、装饰图、选单图、区块背景、按钮…)都使用 PNG 格式图片,PNG 图片本身有去背、透明的效果,可以跟其他图片或背景无毛边、无缝融合。

WebP 使用低量的 bits-per-pixel(储存每像素所需的位元数)对图片进行编码,并提供了有效的方法来降低图片的大小,在 Alpha channel (决定像素是否透明、以及透明度是多少) 的无失真压缩与失真压缩模式之间,只相差了 22% 的位元组数。

在 Google 的 WebP Gallery 网页里可以看到 PNG、无失真 WebP、失真 WebP 的比较範例。以下举出企鹅图片供大家参考,第2、3张图片不是真的 WebP 格式图片,为了在各种浏览器里都能显示,所以 Google 已把它们转换为 PNG 图档。

Google WebP 图片新进展:无失真压缩、去背透明、动

▲ PNG:档案大小 40.5KB(点图可看大图)。

Google WebP 图片新进展:无失真压缩、去背透明、动

▲ WebP 无失真模式:档案大小 27.5KB(点图可看大图)。

Google WebP 图片新进展:无失真压缩、去背透明、动

▲ WebP 失真模式:档案大小 17.3KB(点图可看大图)。

这只企鹅的原始图档在这里,看完这个範例,小编的感觉是 WebP 格式似乎能有所做为。但目前还在持续开发中,像是编码、解码实作的处理速度还没有最佳化就是个大问题。目前支援 WebP 的浏览器包括 Chrome、IE 的 Chrome Frame 外挂、Opera 11.10 版,另外在 Android 4.0 也是可以直接观看的,但这些环境的支援广度不够大,要挑战 JPEG 或 PNG 的地位,还有得拼。

如果你想要先玩玩看,Google 也提供了把图档转成 WebP 或是浏览 WebP 图片的工具,可以到这个页面下载。

不知道大家对 WebP 图片格式的未来应用有什幺想像?请留言跟大家分享吧。

资料来源:The Official Google Code Blog

伸延阅读:

比JPEG小五倍,用 Weppy 看 WebP 

上一篇: 下一篇:

相关推荐