是时候让短视频封面动起来了!太魔性了!
网宿科技 06/25

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

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

从封面的展现形态来说,可以分为静态和动态两种。

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

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

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

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

这里简单科普一下WebP。

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

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

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

“动态WebP大战GIF“测试

Webp可以大幅减少流量

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

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

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

正序播放,就是正常的视频播放;

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

静态封面主要基于视频截图,实现起来比较简单;

动态封面包括正序和逆序两种特效,实现相对复杂,如逆序特效需要对视频进行逆向编码。

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

本文由新知号发布,如有版权问题请联系我们进行处理。
联系方式:system@shangyexinzhi.com
2000+知识点 7000+案例
商业新知助力数字化转型
下载