浏览器家园·资讯

展开

WebP格式详细介绍

编辑:浏览器知识

什么是WebP图片格式?

根据Google 官方给出的资料,WebP 使用了与 WebM 相同的VP8编码器来压缩图像,利用预测编码技术,通过部分像素块的颜色来预测其邻近块的颜色值,并只记录两者的差值,因为多数情况下两者差距很小,甚至 零差距,因而大大提高了压缩的比率。简单的说,Google 想打造出一种文件体积又小,而且画质和JPEG一样的图像格式,以在保证画质的前提下提高网页图像浏览的速度。

总的来说WebP是Google推出的一种图片格式,它基于VP8编码,可对图像大幅压缩。与JPEG相同,WebP也是一种有损压缩,但在画质相同的情况下,WebP格式比JPEG图像小40%。
对于能缩小40%的容量的诱惑性不言而喻,普通用户的直接感受就是手机上可以拍更多的照片,电脑上可以存储现有两倍足有的照片。同时如果网站上大量启用WebP格式图片抛弃JPG与PNG的话,那么你流量网站的速度提升将近两倍左右。

测试一下你的浏览器是否支持WebP图片格式

这是一副WebP图片

如果你能看到此图片那么说明你的浏览器已经支持WebP格式;
目前为止支持的浏览器有:谷歌Chrome浏览器、Opera浏览器

JPEG格式的缺点与命运就像IE6

JPEG 是一种超级古老的有损图像压缩格式。以现今标准来看,真的是糟糕透了——因为从 MPEG-2 时代开始,几乎所有的视频编码效果都比它优秀。之所以人们仍然使用 JPEG 并延续至今,是因为习惯的力量在作祟……因此,即使 JPEG 效果被超越,但是 20年后它仍然还会是主流。此外,JPEG 够快,容易编程实现,而且不用为专利和知识产权而烦恼。曾经的 JPEG-2000,微软的 JPEG XR,都尝试取代 JPEG 成为新标准,但是都以失败而告终。

JPEG与WebP图片格式评测

28904
测试的方法很简单,直接使用 Pixelmator 将从数码相机中导出的原图分别转换成JPEG 和 WebP 格式(画质均设定为100%),然后分别对画质和文件尺寸进行对比,如上图,接下来我们看看测试的结果:

画质对比

28905

整体对比,左边为WebP,右边为JPEG

28906

局部多倍放大对比,可见WebP明显丢失了大量细节

文件尺寸对比

28907
JPEG文件容量5.3MB,WebP文件容量2.3MB,WebP优势明显
再来看第二张照片的对比结果:

画质对比

28908

左边为WebP图像格式,右边为JPEG图像格式

28909

区别最大的区域,WebP格式同样丢失色彩细节

文件尺寸对比

28910
WebP格式压缩率优势明显

总结:
通过前面的对比,我们已经可以得出基本结论:WebP格式图像在压缩率方面表现非常优秀,相对于JPEG来说容量小很多,完全符合Web的发展趋势。但在画质表现方面,WebP明显不能与JPEG相比,但整体来看容量的大幅下降完全值得牺牲那一点点画质损失。

这里顺便简单说一下目前如何使用WebP图像格式(Mac 平台):

创建和转换 WebP 格式图像都可以使用 Pixelmator 最新版本来完成,需要注意的是软件安装成功后需要在终端执行一条命令:”defaults write com.pixelmatorteam.pixelmator enableWebP YES”

在浏览器上显示 WebP 图像可以去这里下载 Weppy 浏览器插件,然后将解压的几个文件拖到系统——资源库——Internet Plug-Ins 文件夹中即可,这样在 Chrome、Safari 以及 FireFox 中都可以正常显示 WebP 图像了,不过笔者在 Mac 版 Opera 中未能测试成功,本文的第一张配图就是在 Chrome 中成功显示 WebP 图像的截图。

目前,WebP还处在早期开发阶段,因此本文的测试也仅仅能够代表目前WebP图像格式的水平。

WebP有没有其应用缺点呢?

1.根据谷歌高管的解释,编写WebP图片的时间是JPEG的8倍。

2.无法支持所有 JPEG 的特性,更不用说许多期望 JPEG 拥有的特性了(alpha 透明通道,无损编码)。

3.它只支持 4:2:0 色度抽样,而 JPEG 都能支持 4:2:2 和 4:4:4。

国外科技公司对WebP格式的态度不一

1.Mozilla 拒绝支持 WebP 图像格式
Mozilla 拒绝支持 WebP 图像格式,而 Google 的 Picasa 增加对 WebP 的支持。创建一种新的储存媒介,想获得主流支持是非常具有挑战性的,尤其是当其优点含糊不清的时候。WebM 因为其免版权税吸引这一些浏览器厂商,因为它的免版税许可可以说解决了实际问题。

2.抛弃PNG Google宣布WebP图片格式登录Chrome Web Store
Google最爱做的事情就是让网页载入速度变得更快。衡量一个网页加载速度的关键除了网络环境和执行代码之外还有一个因素就是网页上的图 片,Google在最近几年也一直致力于推广具备更快载入速度的WebP图片格式,在2011年的时候就开始应用在Picasa和Gmail上,试图让消费者抛弃现在主流的PNG格式.今天 Google再次宣布正式WebP图片格式已经开始应用在Chrome Web Store上.

3.Facebook相册启用谷歌的WebP图像格式但用户纷纷抱怨
Facebook也开始用谷歌名为WebP的图像压缩格式了,这么做的直接好处是可以降低网络流量方面的开销,将站点的访问速度提上去。但这一举动似乎令 许多会员感到了不满。用户上传JPEG照片时,Facebook会将照片转为WebP格式,而且Facebook显然已经将这一举措推行到了所有支持 WebP特性的浏览器用户中,如Chrome和Opera。

谷歌还在不断努力开发WebP格式并给予很大的期望

Google WebP图像格式开始支持透明度和无损并给PNG带来了威胁,09年Google推出了名为WebP的Web新的图像格式,这是一个可以不牺牲图像质量而产生显著较小容量的文件格式,今天Google再度宣布已经更新了WebP的格式,带来了无损和透明度两项新特性,这意味着目前网上流行的PNG格式将受到直接威胁。

Google实测数据显示,同在无损模式下,WebP的容量比PNG小28%,并且对透明度的支持和PNG一样好。

同时Google还在 不久前添加了动画支持、ICC配置文件、XMP元数据和平铺等特性。目标是让网站提供更小容量的图片以完成更快的加载(Google甚至还提供了 Apache模块mod_pagespeed来转换JPEG图像到WebP),大多现代浏览器已经开始支持这种图像格式。

07430901454775959

文章TAG:格式  详细  介绍  WebP格式详细介绍  

加载全部内容

相关教程
猜你喜欢
大家都在看