WebP 相对于 PNG、JPG 有什么优势？

admin

WebP 在各大互联网公司已经使用得很多了，国外的有 Google（自家的东西肯定要用啦，Chrome Store 甚至已全站使用 WebP）、Facebook 和 ebay，国内的有淘宝、腾讯和美团等。
7 W- E1 a( ?  Q$ ], g/ z


; V  k( a9 a2 `2 D; y+ e, `WebP 的优势体现在它具有更优的图像数据压缩算法，能带来更小的图片体积，而且拥有肉眼识别无差异的图像质量；同时具备了无损和有损的压缩模式、Alpha 透明以及动画的特性，在 JPEG 和 PNG 上的转化效果都相当优秀、稳定和统一。
- v( n7 d0 A+ {: o3 m3 b3 N
4 m! y( e+ y% A5 Q+ t) Y之前做过一个测试，对比 PNG 原图、PNG 无损压缩、PNG 转 WebP（无损）、PNG 转 WebP（有损）的压缩效果：

1 E' [3 r7 y% b9 H2 {+ h3 s( n更多测试查看 WebP 示例 (PNG 转 WebP)（请用 Chrome 浏览器打开）

可以得出结论：

• PNG 转 WebP 的压缩率要高于 PNG 原图压缩率，同样支持有损与无损压缩
• 转换后的 WebP 体积大幅减少，图片质量也得到保障（同时肉眼几乎无法看出差异）
• 转换后的 WebP 支持 Alpha 透明和 24-bit 颜色数，不存在 PNG8 色彩不够丰富和在浏览器中可能会出现毛边的问题
  - `4 Y& n" s9 C/ l. G" f+ k  n' x

; \3 @7 `9 G& |0 Z/ H+ ^! y- y, }经测试，JPEG 转 WebP 的效果更佳。13 年底 Google 正式推出 Animated WebP，即动态 WebP，既支持 GIF 转 WebP，同时也支持将多张 WebP 图片生成 Animated WebP。但是压缩效果未能达到宣传的那样。如果你在使用 Chrome32 以上的浏览器，可以点这里查看官方提供的实例： WebP 示例 (Animated WebP)。


2 B' _5 g: s' l科技博客曾报道：YouTube 的视频略缩图采用 WebP 格式后，网页加载速度提升了 10%；谷歌的 Chrome 网上应用商店采用 WebP 格式图片后，每天可以节省几 TB 的带宽，页面平均加载时间大约减少 1/3；Google+ 移动应用采用 WebP 图片格式后，每天节省了 50TB 数据存储空间。

至于 WebP 的兼容性，在国内，WebP 已经得到半数用户的支持了
# N: q% B: s0 ^: m% P+ F: s7 d
* q3 Z, Z( v6 R! }( e% I3 n4 r同时在 Android 和 iOS 平台中同样有官方的解析库提供。如果你的网站以图片为主，或者你的产品基于 Chromium 内核，建议体验尝试。
# n% N0 @$ h, J- Y9 H$ w

admin

WebP（发音：weppy）是一种同时提供了有损压缩与无损压缩（可逆压缩）的图片文件格式，派生自影像编码格式VP8，被认为是WebM多媒体格式的姊妹项目，是由Google在购买On2 Technologies后发展出来，以BSD授权条款发布。

WebP最初在2010年发布，目标是减少文件大小，但达到和JPEG格式相同的图片质量，希望能够减少图片档在网络上的发送时间。2011年11月8日，Google开始让WebP支持无损压缩和透明色（alpha通道）的功能，而在2012年8月16日的参考实做libwebp 0.2.0中正式支持。根据Google较早的测试，WebP的无损压缩比网络上找到的PNG档少了45%的文件大小，即使这些PNG档在使用pngcrush和PNGOUT处理过，WebP还是可以减少28%的文件大小。
/ J, T% H2 b. {) T! q8 L
WebP支持的像素最大数量是16383x16383。有损压缩的WebP仅支持8-bit的YUV 4:2:0格式。而无损压缩（可逆压缩）的WebP支持VP8L编码与8-bit之ARGB色彩空间。又无论是有损或无损压缩皆支持Alpha透明通道、ICC色彩配置、XMP诠释数据。
, N; @( t8 m+ L9 h" _6 J
% @8 ?) F/ v7 `( i! Z6 \WebP有静态与动态两种模式。动态WebP（Animated WebP）支持有损与无损压缩、ICC色彩配置、XMP诠释数据、Alpha透明通道。
$ ?& @9 l- V8 J4 ?1 v

---

: X: i* d+ L' F9 u, z8 Q8 qWebP由谷歌于2010年推出的新一代图片格式，在压缩方面比当前JPEG格式更优越。

9 o4 W! W# _# A: B% f谷歌表示，webp这种格式的主要优势在于高效率。他们发现，“在质量相同的情况下，WebP格式图像的体积要比JPEG格式图像小40%。谷歌浏览器已经支持webp格式，Opera在版本号Opera11.10后也增加了支持，然而火狐和ie暂时还不支持webp格式，可以采用flash插件来显示webp，当然这样会耗费一些性能。

美中不足的是，WebP格式图像的编码时间“比JPEG格式图像长8倍”。
8 {- L5 @1 j) Y. J% z
( N2 _2 a9 `/ |# s3 d分析人士认为，尽管WebP格式尚未像JPEG格式那样，得到各种软硬件的广泛支持，但谷歌推广这一格式的优势在于Chrome浏览器。这款谷歌开发的浏览器的市场份额已达50%以上。


, J, Y& `' \  z: W' E# `9 ~
在线转换格式：https://www.aconvert.com/cn/format/webp/
& r# y! Y- e" L% I1 {

2 \: s3 P1 V2 u6 ~$ G0 |