热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

WebP的故事:谷歌要统一互联网图片格式

 科技博客Gig‍‍‍aOM近日撰文称,谷歌(微博)试图让WebP图片格式取代JPEG等现有图片格式。虽然谷歌无法很快达成所愿,但WebP仍然会对互联网产生重大影响。文章全文如下:

WebP的故事:谷歌要统一互联网图片格式

科技博客Gig‍‍‍aOM近日撰文称,谷歌(微博)试图让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的故事:谷歌要统一互联网图片格式

推荐阅读
  • 浏览器作为我们日常不可或缺的软件工具,其背后的运作机制却鲜为人知。本文将深入探讨浏览器内核及其版本的演变历程,帮助读者更好地理解这一关键技术组件,揭示其内部运作的奥秘。 ... [详细]
  • 本文深入探讨了 hCalendar 微格式在事件与时间、地点相关活动标记中的应用。作为微格式系列文章的第四篇,前文已分别介绍了 rel 属性用于定义链接关系、XFN 微格式增强链接的人际关系描述以及 hCard 微格式对个人和组织信息的描述。本次将重点解析 hCalendar 如何通过结构化数据标记,提高事件信息的可读性和互操作性。 ... [详细]
  • 深入解析HTML5字符集属性:charset与defaultCharset
    本文将详细介绍HTML5中新增的字符集属性charset和defaultCharset,帮助开发者更好地理解和应用这些属性,以确保网页在不同环境下的正确显示。 ... [详细]
  • V8不仅是一款著名的八缸发动机,广泛应用于道奇Charger、宾利Continental GT和BossHoss摩托车中。自2008年以来,作为Chromium项目的一部分,V8 JavaScript引擎在性能优化和技术创新方面取得了显著进展。该引擎通过先进的编译技术和高效的垃圾回收机制,显著提升了JavaScript的执行效率,为现代Web应用提供了强大的支持。持续的优化和创新使得V8在处理复杂计算和大规模数据时表现更加出色,成为众多开发者和企业的首选。 ... [详细]
  • 七款高效编辑器与笔记工具推荐:KindEditor自动换行功能解析
    本文推荐了七款高效的编辑器与笔记工具,并详细解析了KindEditor的自动换行功能。其中,轻笔记QingBiJi是一款完全免费的记事本软件,用户可以通过其简洁的界面和强大的功能轻松记录和管理日常事务。此外,该软件还支持多平台同步,确保用户在不同设备间无缝切换。 ... [详细]
  • TypeScript 实战分享:Google 工程师深度解析 TypeScript 开发经验与心得
    TypeScript 实战分享:Google 工程师深度解析 TypeScript 开发经验与心得 ... [详细]
  • Cocos2d-HTML5初学者指南:第一部分基础知识
    本文旨在为初学者提供Cocos2d-HTML5的基础知识入门指南。虽然作者在交大期间学习了基础的Web技术和AS3游戏开发,但感觉这些知识与实际应用仍有差距。几年前曾接触过Android开发,但由于缺乏C++和Objective-C的背景,未能深入。本篇将详细介绍Cocos2d-HTML5的核心概念和技术要点,帮助读者快速上手并掌握游戏开发的基本技能。 ... [详细]
  • 软件测试工程师必备:全面解析Web应用的浏览器兼容性测试方法与工具
    随着市场上浏览器种类的不断增多,特别是在平板和移动设备上的普及,确保网站在各种浏览器中都能正常运行变得尤为重要。本文将深入探讨Web应用的浏览器兼容性测试方法与工具,帮助软件测试工程师全面掌握这一关键技能,以提高应用的用户体验和可靠性。 ... [详细]
  • 今日精选:10款实用的jQuery随机效果插件
    在今天的精选内容中,我们推荐了10款实用的jQuery随机效果插件。这些插件不仅功能强大,而且设计精良,能够为您的网页增添独特的互动体验。从动态图像效果到文本动画,每款插件都提供了丰富的自定义选项,帮助开发者轻松实现创意视觉效果。特别值得一提的是,其中一款插件集成了与Google API的无缝对接,使数据展示更加生动和直观。 ... [详细]
  • 本文详细解析了如何利用Appium与Python在真实设备上执行测试示例的方法。首先,需要开启手机的USB调试功能;其次,通过数据线将手机连接至计算机并授权USB调试权限。最后,在命令行工具中验证设备连接状态,确保一切准备就绪,以便顺利进行测试。 ... [详细]
  • DVWA学习笔记系列:深入理解CSRF攻击机制
    DVWA学习笔记系列:深入理解CSRF攻击机制 ... [详细]
  • 在Eclipse中提升开发效率,推荐使用Google V8插件以增强Node.js的调试体验。安装方法有两种:一是通过Eclipse Marketplace搜索并安装;二是通过“Help”菜单中的“Install New Software”,在名称栏输入“googleV8”。此插件能够显著改善调试过程中的性能和响应速度,提高开发者的生产力。 ... [详细]
  • 使用 Firefox Developer Edition 70.0 数日后,体验令人满意 ... [详细]
  • CSS中的pointer-events属性详解与应用
    在CSS中,`pointer-events`属性是一个非常实用但常被忽视的功能。它主要用于控制元素是否响应鼠标事件。当一个元素覆盖在其他元素之上时,通过设置`pointer-events`属性,可以决定该元素是否能够接收鼠标点击、悬停等交互操作,从而实现更灵活的用户界面设计。例如,将`pointer-events`设置为`none`可以使元素透明地传递鼠标事件,方便实现复杂的叠加效果和交互逻辑。 ... [详细]
  • 本文介绍了使用 Python 编程语言高效抓取微博文本和动态网页图像数据的方法。通过详细的示例代码,展示了如何利用爬虫技术获取微博内容和动态图片,为数据采集和分析提供了实用的技术支持。对于对网络数据抓取感兴趣的读者,本文具有较高的参考价值。 ... [详细]
author-avatar
DHY微学院朱曜宇
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有