互联网 频道

七牛云图片处理实践 带你认识WebP

  图像的格式丰富多彩,既有使用最多的 JPEG、PNG 、BMP、GIF,也有苹果推出的 Live Photo,更有 Google 开发的适用于 Web 的 WebP。不管是 PC端还是移动端,图片一直是流量的大头。在移动互联网爆发的读图时代,如何保证在图片质量不降低的前提下减少图片开发成本,成为一个值得探索的事儿。在此,七牛云全新策划图片处理系列实践,探寻云服务之上的图片之路。

  WebP格式的优势

  WebP 格式是Google于2010年发布的一种支持有损压缩和无损压缩的图片文件格式,派生自图像编码格式 VP8。它具有较优的图像数据压缩算法,能带来更小的图片体积,而且拥有肉眼识别无差异的图像质量,同时具备了无损和有损的压缩模式、Alpha 透明以及动画的特性,在 JPEG 和 PNG 上的转化效果都非常优秀、稳定和统一。目前,知名网站 Youtube 、Facebook、Ebay 等均有使用 WebP 格式。

  WebP 集合了多种图片文件格式的特点,JPEG 适合压缩照片和其他细节丰富的图片,GIF 可以显示动态图片,PNG 支持透明图像,图片色彩非常丰富,而WebP 则兼具上述优点,且较于它们还有更出色的地方。

  据 Google 测试,无损压缩后的 WebP 比 PNG 文件少了 45% 的文件大小,即使 PNG 文件经过其他压缩工具压缩后,WebP 还是可以减少 28% 的文件大小。此外,与 JPEG 相比,在质量相同的情况下,WebP 格式图像的体积要比JPEG 格式图像小 40%,而 WebP 在压缩方面比 JPEG 格式更优越。

  七牛GIF转码动态WebP的支持

  与其它图片格式相比,WebP 的体积更小,可以省却大量带宽和流量,也能提升网页加载速度。据GigaOM 报道:谷歌的 Chrome 网上应用商店采用 WebP 格式图片后,每天可以节省几 TB 的带宽,页面平均加载时间大约减少1/3,而 Google+ 移动应用采用 WebP 图片格式后,每天节省了 50TB 数据存储空间。

  WebP 格式分静态 WebP 与动态 WebP,而动态 WebP 支持将 GIF 直接转换成动态 WebP。由于 GIF 图片大小相对于普通的 JPEG、PNG 图片更大,访问时也更耗费流量,为此,七牛云新上线 GIF 转码动态 WebP 功能(imageMogr2接口中体现),让大家在保障图片质量的前提下,大幅减小图片体积,节省流量,提升访问图片的流畅度。

  GIF 图片主要应用于娱乐、图片分享类应用中,如堆糖、橘子娱乐便经常使用。与传统的 GIF 图比较,动态 WebP 的优势在于:

  l支持有损和无损压缩,并且可以合并有损和无损图片帧;

  l体积更小,GIF 转成有损动态 WebP 后可以减小 64% 的体积,转成无损可以节省 19% 的体积;

  l颜色更丰富,支持 24-bit 的 RGB 颜色以及 8-bit 的 Alpha 透明通道(而GIF 只支持 8-bit RGB 颜色以及 1-bit 的透明);

  l添加了关键帧、metadata 等数据;

  事实上,WebP格式在 Android 应用程序和 iOS 应用程序上已得到广泛使用。除了可以将 GIF 转码为动态 WebP 格式外,七牛还支持 JPEG、PNG 格式的图片实时转码成 WebP 格式。

  对于程序员和网页设计师来说,使用七牛云 WebP 的转码功能有很多优势:

  1、可避免繁琐的手工处理过程,只需要用一个 URL 就可以快速更新以前对JPEG、PNG 和 GIF 文件的引用,将这些格式的图片自动转换到 WebP。

  2、对于想要大面积应用 WebP 的用户,如果不抛弃原有格式,那么存储的数据量将会增加 60% ,而如果请求时再转换只会获得较低的转码效率,七牛云 WebP 转码功能只需要修改几个参数就可以进行实时转码,转码后的图片也可直接存储于七牛云,可不再保留原始图片文件。即使需要原始图片,使用图片处理功能再做一个转码即可。

  WebP 在各移动应用里面支持的特别友好,移动端会消耗 3G 或 4G 流量,流量的节约非常重要,为此,七牛云 WebP 转码功能让大家在降低用户流量成本、保障图片质量以及让最终用户获得更好的用户体验之间找到了完美平衡。

0
相关文章