WebP 探寻之路

什么是WebP

WebP 是一种图片文件格式,能在相同质量的情况下比 PNG 文件尺寸小巧。而目前的 Chrome 应用商店图片已全部转换为 WebP 格式。(及国外公司如 Facebook、ebay 和国内公司如腾讯、淘宝、美团等)

WebP的优势

WebP图片

  • PNG 转 WebP 的压缩率要高于 PNG 原图压缩率,同样支持有损与无损压缩
  • 转换后的 WebP 体积大幅减少,图片质量也得到保障(同时肉眼几乎无法看出差异)
  • 转换后的 WebP 支持 Alpha 透明和 24-bit 颜色数,不存在 PNG8 色彩不够丰富和在浏览器中可能会出现毛边的问题

动态 WebP

  • 支持有损和无损压缩,并且可以合并有损和无损图片帧
  • 体积更小,GIF 转成有损 Animated WebP 后可以减小 64% 的体积,转成无损可以节省 19% 的体积
  • 颜色更丰富,支持 24-bit 的 RGB 颜色以及 8-bit 的 Alpha 透明通道(而 GIF 只支持 8-bit RGB 颜色以及 1-bit 的透明)
  • 添加了关键帧、metadata 等数据

WebP的缺点

虽说 WebP 有各种优点,但支持甚少是最大的问题,比如下载下来的 WebP 图片无法通过常规软件编辑、浏览,那就只有转换成常规格式了。

WebP兼容性

若使用场景是浏览器,可以:

  • JavaScript 能力检测,对支持 WebP 的用户输出 WebP 图片
  • 使用 WebP 支持插件:WebPJS

若使用场景是 App,可以:

  • Android 4.0 以下 WebP 解析库
  • iOS WebP 解析库

WebP 的图片格式转换工具

参考资料