忘记“正在加载”的恐惧,动态WebP拯救你的流量

2016/12/22 13:39
阅读数 304

文 | 西北

戳我,畅想又拍云充值优惠!

输入图片说明

关注小拍的读者应该都知道,又拍云已经开始支持将动态Gif转化为动态WebP了。今天,小拍就来讲讲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的支持文档位置:

又拍云文档中心>图片处理>支持格式

http://docs.upyun.com/cloud/image/#_10

啊哈,你以为介绍到这里就完了吗?(你想得太少啦~)偷偷告诉你,小拍精心准备的线上分享会马上又要开始了!

对自动化报警系统架构感兴趣?想了解更多关于规则引擎的内容?

12月22日20点,又拍云应用开发工程师孙焕然将做名为 “构建应用服务的监控报警系统”的主题分享。来来来!~微信添加“upyun1111”或扫描下方二维码,与又小拍成为好友即可听课哦~(好友时请备注“参与分享”)

分享群里还有赠书福利哦~

输入图片说明

展开阅读全文
加载中

作者的其它热门文章

打赏
0
0 收藏
分享
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部