BT

如何利用碎片时间提升技术认知与能力? 点击获取答案

Google WebP——让图片更小,让页面访问速度更快

| 作者 Abel Avram 关注 7 他的粉丝 ,译者 霍泰稳 关注 1 他的粉丝 发布于 2010年10月12日. 估计阅读时间: 2 分钟 | 如何结合区块链技术,帮助企业降本增效?让我们深度了解几个成功的案例。

Google日前对外宣布了一种新的图片压缩格式WebP,可以让通过网络传输的图片变得更小。Google声明说,WebP格式可以让图片的大小减少39%,从而加快了页面的装载速度。

WebP(发音为“weppy”/(wĕpˈē)/)是Google开发的一种图片压缩格式,用于降低图片文件的大小。Google说图片和照片差不多占到了通过网络传输的数据总量的65%,这是相当大的份额。这也就可以理解为什么降低每一个图片的大小,可以影响平均的页面大小,进而加快页面的装载速度。

WebP中使用的压缩算法,借鉴了Google此前使用的WebM(一种用于编码和压缩视频的开源媒体文件格式)中的VP8编解码器。在转换了1,000,000多幅随机选取的图片后(多是JPEG格式,部分是PNG和GIF格式),结果显示使用WebP可以让图片的大小平均减少39%。Google还证实说,图片的质量在转换后并没有明显的下降。

WebP意在作为一种更好的图片压缩格式替换JPEG。其工作原理是,WebP图片被放在一个轻量级的RIFF容器中,虽然每个图片只是增加了很少字节(少到20字节),但是却拥有了容纳更多字节的功能,这样图片就可以增加更多的元数据。

现在Google正在为Linux x86 64位机提供免费开源的解码器,Windows版本晚些时候推出。Google还在努力提供一个WebKit包,可以让Chrome浏览器显示WebP图片。

目前Google还建立了一个在线图片库,任何人都可以前去浏览转换之后的WebP图片和JPEG原图质量的比较。其中WebP图片现在是被封装在PNG容器中的,这样一般的浏览器就都可以正常访问。

Google计划在将来增加对透明层(Transparency Layer)的支持。另外,WebP现在是Google“我们一起让Web更快” 计划中的一部分,类似的项目还包括页面加速(Page Speed)速度跟踪器(Speed Tracer)SPDY

查看英文原文:Google WebP - Creating Smaller Images for Faster Pages

评价本文

专业度
风格

您好,朋友!

您需要 注册一个InfoQ账号 或者 才能进行评论。在您完成注册后还需要进行一些设置。

获得来自InfoQ的更多体验。

告诉我们您的想法

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

已经不算是什么新闻的新闻了 by E. H.

看起来还不错的东西,特别是对将来的移动计算有很大的帮助。
本来想去玩玩这个东西到底怎么样的,暂时还没有空去折腾,手上暂时也没有可以给我折腾的linux机器了。

標題並不是最適合的 by David Fu

讓頁面訪問速度更快?這完全是一marketing語句。
如果我的頁是blog,只有文,無圖,難道WebP也讓頁面加載提速?

只能說讓頁面中圖片加載速度加快

Re: 標題並不是最適合的 by wangzm zhimeng

典型的牛角尖选手,呵呵。
图片难道不是页面中的一部分吗?
你举了一个很极端的例子起否定人家90%的正确场景,应该放下这种牛角尖思维方式。
就算blog,你现在见过几个只有文字无图的博客?就算现在的围脖里边不也到处有转载的图片吗?
现在的网络,哪怕你将一个元素压缩了千分之一,那么对整个网络也是价值巨大的,google的价值不就是尾巴效应嘛,积少成多,呵呵。

Re: 標題並不是最適合的 by David Fu

哈哈,圖片的比率是越來越小。flash的出現已經改變了圖片的存在價值。圖片的大小和今日網絡的速度的對比已經基本上可以忽視。任何小於秒的速度對人的肉眼來說是感覺不到的。除非我們在說28k解調器。呵呵

並不是牛角尖,是您自己都說了,對整個網絡是價值巨大的。所以我說標題錯了,不過我並沒有說對整個的發展沒有貢獻

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

4 讨论

登陆InfoQ,与你最关心的话题互动。


找回密码....

Follow

关注你最喜爱的话题和作者

快速浏览网站内你所感兴趣话题的精选内容。

Like

内容自由定制

选择想要阅读的主题和喜爱的作者定制自己的新闻源。

Notifications

获取更新

设置通知机制以获取内容更新对您而言是否重要

BT