svga文件预览_直播礼物SVGA格式如何优化

最近在直播间礼物动效设计中，用到了SVGA格式作为输出文件，但是这部分内容在网上的资料比较少，而且很多文章里面介绍的并不详细，在实际操作过程中又碰到了很多的麻烦，这也是我把导出SVGA的经验总结并分享给大家的原因，希望能够帮助到大家。

01

关于SVGA文件 

1

SVGA文件支持的特效

SVGA文件具有较低的运行内存和较好的稳定性的优点。但是SVGA文件比较傲娇，能够支持的效果很少，我们先大概了解一下

(1)SVGA能够支持的特效有： 

● 位移

● 缩放

● 旋转

● 透明度变化 

● 蒙版

目前发现的只有这几个基础变化   

(2)SVGA不支持的特效：

● 粒子效果

● 羽化

● 遮罩

● 颜色替换

● 3D图层效果

● 操控点工具

● 表达式

● 流体效果

● 高斯模糊

● 描边

● 位移曲率

...

基本上主流的特效，SVGA都不支持 

总结来说，SVGA基本上只支持一些基本的变化效果；而对于复杂一些的特效，基本都不支持。但是值得一提的是，SVGA是支持导出PNG序列的，这个先划个重点，我们后面会再谈到。

2

SVGA的参数和尺寸规范

●  文件大小：影响app下载文件的速度，文件过大的话容易导致加载时间过长，一般我们控制在2M以内。 ●  运行内存：影响动效播放的性能，过大会出现卡顿从而无法正常播放。理想小于8M，经过测试15M以内在APPapp里面不会卡顿。 ●  尺寸规范：根据项目设计稿尺寸决定

  文件大小

运行内存

02

SVGA文件导出方法及问题

1

直接导出

关于导出方法，我们能够想到的最简单的方法肯定是直接导出呗。但是我们刚刚在上面提到了，SVGA支持的变化效果是非常有限的。直接导出的话，很多特效就直接被吃掉了。

以“樱花树下”为