新大榭论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

《新大榭》- 创大榭地方网络社区先锋品牌 新大榭始终专注于地方网络社区平台的建设 关于我们- [大记事]- 留言建议- [新手报道]

新大榭软件管家 V5.8 Excel版 微信版 发布 财务/仓库/生产/销售/采购/行政/人事/校园 客服中心 - 办公软件 - 网站设计 - 广告招商

新大榭镜像 - 官方Web实验室 - 加入收藏 - 设为首页 广告是为了更好的发展 欢迎我区企业及商家赞助本站 首页文字黄金广告位(赞助)公益广告免费发布

查看: 968|回复: 1

[行业资讯] WebP 相对于 PNG、JPG 有什么优势?

[复制链接]
发表于 2020-5-4 07:44:11 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转新大榭论坛!

您需要 登录 才可以下载或查看,没有账号?注册

x
WebP 在各大互联网公司已经使用得很多了,国外的有 Google(自家的东西肯定要用啦,Chrome Store 甚至已全站使用 WebP)、Facebook 和 ebay,国内的有淘宝、腾讯和美团等。7 _7 k; r( E+ e. k. u* X1 S

7 ?" C  z7 }  `: u  q  F 6963_1.jpg 1 e; L4 y7 V( ~% ?; g* j/ i

5 k  z5 v! N" o( g8 Y8 KWebP 的优势体现在它具有更优的图像数据压缩算法,能带来更小的图片体积,而且拥有肉眼识别无差异的图像质量;同时具备了无损和有损的压缩模式、Alpha 透明以及动画的特性,在 JPEG 和 PNG 上的转化效果都相当优秀、稳定和统一。
1 s" U' g* x8 h: |' A. S$ t# t1 S0 K4 i4 l8 u
之前做过一个测试,对比 PNG 原图、PNG 无损压缩、PNG 转 WebP(无损)、PNG 转 WebP(有损)的压缩效果:
/ }2 i7 n* ?6 E  l' ~0 c) v 6963_2.jpg ! h2 i1 f# Y: F$ F$ K; ?5 g7 f: J! x
更多测试查看 WebP 示例 (PNG 转 WebP)(请用 Chrome 浏览器打开)0 J3 V+ T! J/ q0 z, j

6 X( A' B8 n! O4 ?1 I, @& G可以得出结论:
- h  v' z! R4 @8 P  a, ?* t0 l7 G
  • PNG 转 WebP 的压缩率要高于 PNG 原图压缩率,同样支持有损与无损压缩
  • 转换后的 WebP 体积大幅减少,图片质量也得到保障(同时肉眼几乎无法看出差异)
  • 转换后的 WebP 支持 Alpha 透明和 24-bit 颜色数,不存在 PNG8 色彩不够丰富和在浏览器中可能会出现毛边的问题5 [' m5 B6 o/ J, C" N) W/ A

) p7 ^7 t* Q7 b/ _2 y9 \9 V经测试,JPEG 转 WebP 的效果更佳。13 年底 Google 正式推出 Animated WebP,即动态 WebP,既支持 GIF 转 WebP,同时也支持将多张 WebP 图片生成 Animated WebP。但是压缩效果未能达到宣传的那样。如果你在使用 Chrome32 以上的浏览器,可以点这里查看官方提供的实例: WebP 示例 (Animated WebP)$ G% Y3 _" r% F) P2 F# }, U3 H
- s7 N' k  P3 @# W
6963_3.jpg
+ p( [. U" \0 Y- F5 Z# X: ]# _科技博客曾报道:YouTube 的视频略缩图采用 WebP 格式后,网页加载速度提升了 10%;谷歌的 Chrome 网上应用商店采用 WebP 格式图片后,每天可以节省几 TB 的带宽,页面平均加载时间大约减少 1/3;Google+ 移动应用采用 WebP 图片格式后,每天节省了 50TB 数据存储空间。6 \: q  K/ R0 l

7 T) |3 ~) h) k/ [至于 WebP 的兼容性,在国内,WebP 已经得到半数用户的支持了
7 M, y5 e/ I- [, K' j 6963_4.jpg 9 Q, s/ {( ^5 B8 h: T# i
同时在 Android 和 iOS 平台中同样有官方的解析库提供。如果你的网站以图片为主,或者你的产品基于 Chromium 内核,建议体验尝试。# ^+ a; P4 r" ^  T
新大榭Python学习社区公益培训、Excel业务指导、办公软件定制、网站建设、网络安全;新大榭Web实验室欢迎您!http://lab.daxie.net.cn/
Q群推荐 大榭本地求职招聘QQ群,欢迎转发分享本地招聘信息资讯! 官方招聘1群(已满);官方招聘2群:315816937 *
 楼主| 发表于 2021-5-22 16:03:36 | 显示全部楼层
WebP(发音:weppy)是一种同时提供了有损压缩与无损压缩(可逆压缩)的图片文件格式,派生自影像编码格式VP8,被认为是WebM多媒体格式的姊妹项目,是由Google在购买On2 Technologies后发展出来,以BSD授权条款发布。  t4 _. j* P& P$ g: O" d
$ k# f% Z0 c. a7 _( q0 t0 A, o$ t
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%的文件大小。0 \3 O! w/ g% ^2 n1 V
% R; K; N9 E5 g0 Z& X9 R
WebP支持的像素最大数量是16383x16383。有损压缩的WebP仅支持8-bit的YUV 4:2:0格式。而无损压缩(可逆压缩)的WebP支持VP8L编码与8-bit之ARGB色彩空间。又无论是有损或无损压缩皆支持Alpha透明通道、ICC色彩配置、XMP诠释数据。
) X% N8 [6 [& C. p
; x0 F1 M: F- P, h/ KWebP有静态与动态两种模式。动态WebP(Animated WebP)支持有损与无损压缩、ICC色彩配置、XMP诠释数据、Alpha透明通道。6 P& ^" c+ i+ G, L

5 @  f. b/ [/ j6 m0 r( T

9 i; [9 Z: j+ s* ]4 m: iWebP由谷歌于2010年推出的新一代图片格式,在压缩方面比当前JPEG格式更优越。) o, A7 Z0 P6 {

; C2 e. F, s3 n6 q/ U& X, ]谷歌表示,webp这种格式的主要优势在于高效率。他们发现,“在质量相同的情况下,WebP格式图像的体积要比JPEG格式图像小40%。谷歌浏览器已经支持webp格式,Opera在版本号Opera11.10后也增加了支持,然而火狐和ie暂时还不支持webp格式,可以采用flash插件来显示webp,当然这样会耗费一些性能。: t5 w2 q0 w. V6 S5 X

6 s8 J. @5 T$ u$ R美中不足的是,WebP格式图像的编码时间“比JPEG格式图像长8倍”。
- M: I4 Z3 }( I. P6 _- F/ ?/ h' B. B, ~, z% r# `+ A
分析人士认为,尽管WebP格式尚未像JPEG格式那样,得到各种软硬件的广泛支持,但谷歌推广这一格式的优势在于Chrome浏览器。这款谷歌开发的浏览器的市场份额已达50%以上。
1 P) x" T; [# l5 H0 S/ ?, \( w
' t$ P6 Y- ^  l; L5 I2 {" u6 m! g
1 n' u$ {: }0 n" ~+ }* `, ]5 K# q- z' ^6 u
在线转换格式:https://www.aconvert.com/cn/format/webp/6 l# x$ D6 m6 A% G+ w1 K% `0 t7 Y' E
6 I3 |- W- ]6 h+ o; Z; |9 m9 y4 H
  d, k) r9 ]& @& W! Q% x( [! {
新大榭Python学习社区公益培训、Excel业务指导、办公软件定制、网站建设、网络安全;新大榭Web实验室欢迎您!http://lab.daxie.net.cn/
新大榭官方公益帮帮群:6603298 官方Excel学习交流群:82064486  欢迎您加入
您需要登录后才可以回帖 登录 | 注册

本版积分规则

新大榭七周年,感谢由您!

文字版|小黑屋|新大榭 ( 浙ICP备16018253号-1 )|点击这里给站长发消息|

GMT+8, 2024-5-14 07:17 , Processed in 0.077531 second(s), 22 queries , Gzip On.

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表