内容导读: 文|西北 戳我,畅想又拍云充值优惠! 关注小拍ios8下载应用动画的读者应该都知道,又拍云已经开始支持将动态Gif转化为动态WebPios8下载应用动画了。今天,小拍就来讲讲WebP、动态WebP的优势是什么。 不知道大家曾经...……
文 | 西北
戳我,畅想又拍云充值优惠!
关注小拍ios8下载应用动画的读者应该都知道,又拍云已经开始支持将动态Gif转化为动态WebPios8下载应用动画了。今天,小拍就来讲讲WebP、动态WebP的优势是什么。
不知道大家曾经是否有过被GIF动图支配的恐惧:
网上聊天时,一张动图要加载一分钟,甚至更久。
每过一段时间,系统总会便会提醒我们要清理存储空间,存储空间是被一张张体积庞大的动态图片挤得满满的。
做为网站或者App运营者的你,也多少体会过被GIF动图支配的恐惧,奇慢无比的加载速度,浪费了网站资源,致使客户流失严重。
当全人类都束手无策的时候,Google大大实在看不下去了,Google大大说:要有一种新的图片格式。
于是便有了WebP格式。
那么有人就要问了,WebP格式究竟好在什么地方?
WebP(发音weppy),支持有损压缩和无损压缩的图片文件格式,派生自图像编码格式VP8。根据Google大大的测试,无损压缩后的 WebP比PNG文件少了45%的文件大小,
这里列举一个简单的测试数据:对比PNG原图、PNG无损压缩、PNG转WebP(无损)、PNG转 WebP(有损)的压缩效果。
△ 静态webP测试结果
上面讲的是静态webP,而今天的重头戏就是动态WebP
动态WebP(Animated WebP):2013年11月21日,动态WebP取得进展,并在 Chrome 32 Beta中得到了支持。目前动态WebP技术支持将GIF直接转换成动态WebP格式,或者将多张WebP图片组合成动态WebP。
与动态GIF图比较,动态WebP的优势在于:
支持有损和无损压缩,并且可以合并有损和无损图片帧;
体积更小,GIF转成有损动态WebP后可以减小64%的体积,转成无损动态WebP可以节省 19%的体积;
颜色更丰富,支持24-bit的RGB颜色以及8-bit的Alpha透明通道(而GIF只支持8-bit RGB颜色以及1-bit的透明;
添加了关键帧、metadata等数据。
现在大家知道WebP格式的好处了吗?
没错,自从用来WebP格式之后再也不用担心图片加载缓慢、等得着急上火,再也不用担心网站资源被浪费,客户因为加载缓慢而流失了。
目前,电商行业(淘宝、天猫、京东等)、社交行业(微信等)、UGC 行业等,都正在使用动态WebP或朝着动态WebP发展的趋势。
那么,接下来的广告时间你们都懂的!!!
又拍云支持动态WebP啦~~~
为了方便开发者,又拍云开始提供将动态GIF转成动态WebP的功能。
目前,动态WebP在各个终端的支持状态不一致,具体如下:
iOS,不支持,需要基于库进行二次开发;
Android 4.2版本以上,支持;
Chrome、Opera,支持;
Firefox、IE/Edge、Safari,等待支持
为了方便用户使用,又拍云为用户生成动态WebP的同时,也会生成一份动态Gif,在使用的时候,又拍云会判断浏览器等终端是否支持动态WebP,再决定请求动态WebP,还是动态Gif。
小拍温馨提示:使用动态WebP功能之前,需要先激活又拍云CDN或又拍云融合云存储的服务。
动态Web的支持文档位置:
又拍云文档中心>图片处理>支持格式
https://docs.upyun.com/cloud/image/#_10
啊哈,你以为介绍到这里就完了吗?(你想得太少啦~)偷偷告诉你,小拍精心准备的线上分享会马上又要开始了!
对自动化报警系统架构感兴趣?想了解更多关于规则引擎的内容?
12月22日20点,又拍云应用开发工程师孙焕然将做名为 “构建应用服务的监控报警系统”的主题分享。来来来!~微信添加“upyun1111”或扫描下方二维码,与又小拍成为好友即可听课哦~(好友时请备注“参与分享”)
分享群里还有赠书福利哦~