帧动画文件太大的解决思路

学习笔记 yekong

vue数据大屏 项目开发中,经常需要一些动画效果来渲染大屏,这时候就出现了帧动画,我们就需要ae等工具来做专门的动画效果了。动画完成后,在进行页面渲染的时候又有一个问题,那就是文件大小问题,帧动画是由一张一张图片依次播放实现的,动画清晰,但是有一个问题就是文件会很大,一个图片100k 100张图片那么就有10M了,这会很占用带宽。

为了解决帧动画文件过大的问题,我们可以考虑导出mp4视频,然后用视频来代替帧动画,大小就会缩减很多。

但是视频又有一个问题,视频没办法背景透明。所以要根据当前项目来判断是用帧动画还是用视频。

比如这个电流动画:线条中类似电流上行帧动画效果,文件有16M实在太大,为了减少于是将动画与当前背景图放在一块重新录制了一遍视频,数据大屏背景装饰动画效果组件,文件就剩2M了。

喜欢