什么是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 解析库