CDN加速

产品动态 > 正文

是时候让短视频封面动起来了!太魔性了!

2018-06-19

安全报告丨2017下半年Web应用攻击激增6倍

短视频的封面往往需要展示视频内容的核心画面,也是留给用户的“第一印象”,用户会在短时间内决定要不要戳开视频进行观看,所以短视频的封面尤为重要,因为它会直接作用到用户的点击欲望。

安全报告丨2017下半年Web应用攻击激增6倍

相比静态封面,动起来的封面更吸引人

从封面的展现形态来说,可以分为静态和动态两种。
相对静态封面而言(常见格式是JPEG、PNG),动态封面(常见格式是GIF)能够更直观地预览视频的大致内容,提升用户的“第一眼”体验,是一种比较新颖炫酷的封面形式。目前一些主流的短视频应用已经开始采用动态封面。

不过想让封面动起来,
首先要克服被GIF支配的恐惧 ~

评价网站性能好坏的一个主要指标就是页面响应时间,基于JPEG、PNG以及GIF格式的封面,其资源加载往往占据了页面耗时的主要部分,如果网站为了吸引更多流量而采用“动起来”的视频封面,会产生高额的带宽成本和更高的CPU利用率,尤其是在移动设备上,因为GIF格式的主要问题是文件太大,而如今,对于这种格式已经没有太大优化空间。

“ 如何保证动态视频封面不失真的前提下缩小体积,对于节省带宽和存储空间以及电池电量十分重要,于是,Google 给了我们一个新选择:动态WebP。”

安全报告丨2017下半年Web应用攻击激增6倍

这里简单科普一下WebP。

WebP是google的亲儿子,作为新一代的图片格式推出后就广受欢迎,凭借Chrome在浏览器市场中60%的占有率,以及对图片体积的压缩率,已经具备了极强的应用基础,目前Google、Facebook、腾讯、阿里、美团等国内外互联网公司广泛应用了WebP。

根据 Google 的测试,无损压缩后的 WebP 比 PNG 文件少了 45% 的文件大小,即使这些 PNG 文件经过其他压缩工具压缩之后,WebP 还是可以减少 28% 的文件大小。

相比GIF,动态WebP具备同等画质下更高的压缩率,更小的文件体积,更丰富的色彩支持,也更适用于移动网络的动图播放,在优化用户视觉体验的同时还可以提升页面的打开速度。

“动态WebP大战GIF“测试Webp可以大幅减少流量

安全报告丨2017下半年Web应用攻击激增6倍

安全报告丨2017下半年Web应用攻击激增6倍

可以说WebP是既小巧又高质,因此使用这种图片格式来替代 PNG 、JPEG以及GIF是极有意义的。

“ 网宿是业内首家提出支持WebP“正序+逆序”动态封面的厂商!”

网宿不仅支持常用的静态封面,还支持WebP动态封面生成。其中,动态WebP封面不仅支持正序或逆序,甚至可以实现“正序+逆序”的特效。

正序播放,就是正常的视频播放;
逆序播放,即实现将视频倒着播,比如“泼出去的水回到盆里,扔出去的球回到手里…”这些现实中不可能出现的有趣画面,网宿都可以实现。

安全报告丨2017下半年Web应用攻击激增6倍

静态封面主要基于视频截图,实现起来比较简单;
动态封面包括正序和逆序两种特效,实现相对复杂,如逆序特效需要对视频进行逆向编码。

网宿支持灵活定制动态特效视频封面,可按需自由组合,比如只需要逆序,或者需要正序+逆序。客户只要按需调用API,明确封面截取时间点、截取长度即可,同时支持截取多段视频,支持定制每段视频的倍速值、是否逆序等,即可快速实现WebP动态视频封面,提高短视频的点击率,提升产品体验。

安全报告丨2017下半年Web应用攻击激增6倍