WebP图片格式

腾讯科技讯 科技博客GigaOM近日撰文称,谷歌(微博)试图让WebP图片格式取代JPEG等现有图片格式。虽然谷歌无法很快达成所愿,但WebP仍然会对互联网产生重大影响。
文章全文如下:
受够了蜗牛一般的网页加载速度?谷歌已经有解决之道:更小的图片文件。WebP图片格式旨在取代JPEG等现有图片格式,以加快图片加载速度,并为网站运营商大幅节省带宽。但是,谷歌需要说服大家使用全新的图片格式,如果处理不当,谷歌还可能加剧媒体文件格式碎片化问题
WebP图片压缩体积大约只有JPEG的1/3,对于采用大量图片的网页,WebP格式可以节省大量带宽,大幅提升网页加载速度。最近,YouTube开始测试WebP视频缩略图,网页加载速度提升了10%。
自从将Chrome 网上应用店的图片转换成WebP格式,谷歌每天可以节省几TB的带宽,网站页面平均加载时间大约减少1/3。谷歌还让Google+移动应用采用WebP图片格式,谷歌因此每天节省了50TB数据空间。
谷歌不是唯一一家支持WebP格式的公司。为了快速加载节目缩略图,Netflix已经开始在电视界面采用WebP图片格式。Facebook移动应用利用WebP格式存储图片,Tinder、Ebay等公司同样也在测试WebP图片格式。
始于视频
WebP的诞生有些巧合。谷歌最初开发一种称作WebM的视频格式,这种格式是基于其VP8视频解码器。当然,视频其实就是一串图片,在开发VP8的同时,谷歌工程师意识到,WebM格式非常适合压缩关键帧,而关键帧基本都是新场景的开始画面。
WebP有一个有趣的特点,那就是它集合了多种图片文件格式的特点。JPEG适合压缩照片和其他细节丰富的图片。GIF可以显示动态图片,PNG支持透明图像,图片色彩非常丰富。WebP兼具上述优点。谷歌WebP产品经理侯赛因·孟加里(Husain Bengali)表示:“你可以在有损图片中获得透明效果。你可以在一种图片格式中获得所有这些特点。”
谷歌于2010年发布WebP,随后WebP便被整合到Chrome浏览器和Android平台,谷歌还发布了函数库,以便让iOS应用支持WebP格式。Opera浏览器已经支持WebP格式,而且其他浏览器也可以通过多种方法支持WebP。开发网站Caniuse.com统计显示,46%的主流浏览器已经支持WebP图片格式。
余下的54%
当然,还有54%的浏览器版本还不支持WebP。Firefox、IE和Safari无法原生支持WebP,而且这些开发商暂时不会改变立场。究其原因,每家开发商都有自己的未来计划。
为取代JPEG格式,微软正在推广自己的格式JPEG XR。长期以来,苹果一直回避谷歌媒体格式。作为开放媒体格式的倡导者,Mozilla最有可能成为谷歌的盟友。但Firefox社区在对WebP辩论激烈,因此Mozilla仍然对新格式持怀疑态度。
Mozilla发言人表示:“WebP提供了JPEG所不具备的功能,最为显著的就是透明效果,但我们最为看重压缩效率。我们还无法相信WebP的特点足以让互联网普遍采用这种格式,在很长的转型期内,它还可能导致碎片化和兼容性问题。我们将继续考虑WebP和图片格式,因为我们认为网络图片还有很大的改进空间。”
Mozilla仍然坚持支持JPEG,但它使其更具效率。数天前,Mozilla宣布新版JPEG编码器mozjpeg,这款编码器可平均减少5%的图像尺寸。同时,Facebook正在测试mozjpeg。为了支持Mozilla的开发,Facebook还为该项目捐赠了6万美元。
WebP的缺陷
需要指出的是,在这场争论中,Facebook并没有站在谷歌的对立面。Facebook只希望提升页面加载速度,节省带宽。为此,今年初Facebook已经让部分图片支持WebP格式。
但Facebook发现,用户不仅在网站中浏览好友的照片,而且下载照片,然后通过电子邮件分享照片,有的用户甚至还打印照片。部分Facebook用户就发现,自己常用的应用无法打开.webp格式文件。Facebook不得不再次提供JPEG文件,谷歌迅速作出回应,让桌面版Chrome成为WebP文件的默认浏览器。
WebP还会增加服务器的负担。相较编码JPEG文件,编码同样质量的WebP文件需要占用更多的计算资源。
孟加里表示,开发团队正在提高编码效率,但他承认WebP更为复杂,因此往往需要更多的编码计算资源。但是,WebP可以加快网页加载速度,并节省带宽,这些优点可以弥补其缺点。
“从长远来看,节约带宽将显得更加重要。”孟加里说道。
技术迁移
未来,哪一种图片格式将统治互联网领域呢?它会是WebP或JPEG XR吗?又或是新式编码器?孟加里认为,这个问题涉及面极广,我们都希望获得答案。WebP可能无法赢得所有测试,但它拥有自己的优势。另外,谷歌和Chrome还是WebP的坚强后盾。
但缺少IE、Firefox和Safari的支持,WebP便无法普及,碎片化就似乎不可避免。最终用户不一定会注意到这个问题。但是,网站开发者必须处理不同格式的图片,这就增加了开发难度。
幸好,Akamai和其他内容发布网络已经推出实时图像优化服务,它们可以将图像自动转换为WebP格式,为最终用户提供更快的网页加载速度。
在移动应用领域,由于Android平台的支持,再加上iOS开发者的努力,WebP已经逐渐成为一种稳妥的选择。利用WebP,移动网页加载速度甚至都已加快。通过云端网站转码技术,移动版Opera和Chrome可以加快网页加载速度。作为加速技术的一部分,移动浏览器将JPEG图片转换成WebP图片。
可见,如果WebP无法很快完全取代 JPEG和其他图片格式,它可能成为网络加速技术的组成部分。网站运营商可以把繁重的转换任务交给Akamai等服务商,用户不会注意到任何改变,只会享受到更快的网站加载速度和更为流畅的应用体验。
WebP图片格式的更多相关文章
- 如何让Ubuntu系统支持WebP图片格式
本文主要向大家介绍如何让 Ubuntu 系统支持查看 WebP 图片格式,以及如何将 WebP 转为 JPEG 或 PNG 图片格式的方法. 什么是WebP图片 Google开发并推出 WebP 图片 ...
- 关于webp图片格式初探
前言 不管是 PC 还是移动端,图片一直是流量大头,以苹果公司 Retina 产品为代表的高 PPI 屏对图片的质量提出了更高的要求,如何保证在图片的精细度不降低的前提下缩小图片体积,成为了一个有价值 ...
- 七牛对用户使用webp图片格式的使用建议
Qiniu 七牛问题解答 Chrome浏览器是可打开WebP格式的.可是并非全部的浏览器都支持webp格式,比如360.ie等浏览器是不支持的. WebP格式,谷歌(google)开发的一种旨在加快图 ...
- 让浏览器全面兼容WebP图片格式
WebP格式 WebP是Google推出的一种图片格式,它基于VP8编码,可对图像大幅压缩.与JPEG相同,WebP也是一种有损压缩,但在画质相同的情况下,WebP格式比JPEG图像小40%. Wik ...
- 帮谷歌推广Webp图片格式之:Webp的格式转换
参考谷歌官网:Webp: A new image format for the Web Webp是Google强推的新一代网络图片格式,特点就是:高质量压缩.能压缩多少呢?5MB的原图,不降低效果,转 ...
- nodejs应用转换png,jpg,gif为webp图片格式
本博客列表缩略图在支持webp格式的浏览器下,使用的是webp格式图片,不支持webp图片下使用的是原图片(如png,gif,jpg等) webp使用指南,请参考 https://www.imqian ...
- Google最新的图片格式WEBP全面解析
前言 不管是 PC 还是移动端,图片一直是流量大头,以苹果公司 Retina 产品为代表的高 PPI 屏对图片的质量提出了更高的要求,如何保证在图片的精细度不降低的前提下缩小图片体积,成为了一个有价值 ...
- 【原】webp图片牛刀小试
其实今年很早就有接触到webp图片的概念,只是一直没怎么弄.今天在一个小项目中小用了一番.总结总结 采用 what,why,how的方式来总结 what? 什么是webp图片? 维基百科: ...
- 提升网站用户体验—WebP 图片的高效使用
一.WebP 的由来 现代图像压缩技术对我们的生活方式影响很大.数码相机能将上千张高质量图片存储到一张内存卡里.智能手机可以与邻近设备快速分享高分辨率的图片.网站与手机等移动设备能快速展示各种富媒体. ...
随机推荐
- Centos开启telnet/ssh/ftp/sftp服务
Telnet 开启telnet服务步骤: 1. 查看CentOS/Telnet_server版本:#cat /etc/issue, #rpm -qa | grep telnet 2. 安装 ...
- Ubuntu12.04安装svn1.8
先在终端执行sudo sh -c 'echo "# WANdisco Open Source Repo" >> /etc/apt/sources.list.d/WANd ...
- Sharepoint2013商务智能学习笔记之部署AdventureWorksDW2012数据库(三)
AdventureWorksDW2012是sql server2012的样本数据库,后面做商务智能Demo会用到,所以需要下载并安装到sql server2012上,下载地址 第一步,下载数据库 第二 ...
- Tomcat之NIO 启动与应用分析
概述 从入门Web开始一直在使用Tomcat,随着对网络相关的知识的进一步了解,觉得越有必有去阅读一下常用的开源服务器的整个工作流程,以及使用场景,对比几款服务器的优劣势.最终根据合适的业务场景进行优 ...
- nginx访问日志中添加接口返回值
因为nginx作为web服务器时,会代理后端的一些接口,这时访问日志中只能记录访问接口的status码,也就是说,只能获得200.404 这些的值 那么如何获得接口返回的response值呢? 下面开 ...
- Codeforces - 77B - Falling Anvils - 几何概型
https://codeforc.es/contest/77/problem/B 用求根公式得到: \(p-4q\geq0\) 换成熟悉的元: \(y-4x\geq0\) 其中: \(x:[-b,b] ...
- 从零开始安装 Ambari (1) -- 安装前的准备工作
Ambari 没有简单的 .tar.gz 结尾的包(反正我找到).apache 官网提供的安装方法,是要下载源码,自己编译成安装包安装.说明文档还不够细.编译的时候是用 maven,照理来说不应该会失 ...
- Docker 启动配置和远程访问
1. 添加Docker 启动时的配置: vi /etc/default/docker 添加: DOCKER_OPTS=" --label name=dockerServer1 -H ...
- 洛谷P1896 [SCOI2005]互不侵犯King
P1896 [SCOI2005]互不侵犯King 题目描述 在N×N的棋盘里面放K个国王,使他们互不攻击,共有多少种摆放方案.国王能攻击到它上下左右,以及左上左下右上右下八个方向上附近的各一个格子,共 ...
- Cogs 1435. [USACO NOV]金发姑娘和N头牛
1435. [USACO NOV]金发姑娘和N头牛 ★★☆ 输入文件:milktemp.in 输出文件:milktemp.out 简单对比时间限制:1 s 内存限制:256 MB [题 ...