Android修行手册 - 移动端几种常用动画方案对比

Unity3D特效百例	案例项目实战源码	Android-Unity实战问题汇总
游戏脚本-辅助自动化	Android控件全解手册	再战Android系列
Scratch编程案例	软考全系列	Unity3D学习专栏
蓝桥系列	ChatGPT和AIGC

👉关于作者

专注于Android/Unity和各种游戏开发技巧，以及各种资源分享（网站、工具、素材、源码、游戏等）
有什么需要欢迎底部卡片私我，交流让学习不再孤单。

👉实践过程

😜一、GIF

GIF全称Graphics Interchange Format，图像互换格式，采用8位压缩，最多只能处理256种颜色，不宜应用于真彩色图片。GIF体积大，颗粒感，有锯齿，尤其透明效果动画慎用。

GIF导出

• 视频+PS导出：AE输出视频—PS打开视频—存储为WEB所用格式(旧版)—存储导出GIF。
• 序列帧+PS导出：AE导出PNG序列帧图—PS打开序列帧——存储为WEB所用格式(旧版)——存储导出GIF。
• AE插件GIFGUN导出：方便快捷，缺点是限制在30FPS内，输出质量差，容易掉帧。
• PS导出GIF失败后的替代方案：

存储为WEB所用格式(旧版)—点击左下角的预览—自动打开Chrome浏览器—复制网址，将网址粘贴到Safari浏览器中—拖出来就行。

• GIF压缩方式：PPduck、docsmall。

😜二、视频

MP4能够直接播放视频、音频的有损文件，实现成本低，兼容性强，体积一般。一般用在宣传、开屏、演示如app的开屏动画。

MP4导出

• 视频+PS导出：AE输出视频—PS打开视频—PS文件导出选择渲染视频—命名—选择输出的文件夹—选择品质高中低—点击渲染。
• 视频压缩方式：Handbrake、格式工厂、Adobe Media Encode。
• 视频转GIF：Gifski。

😜三、APNG/WEBP

APNG是基于PNG格式的动画格式图片，它的动图后缀依然是.png，因为兼容性的问题没有像GIF那样普及。
WEBP目标是减少文件大小，达到和JPGE格式相同的图片质量。WEBP基本兼容所有的主流浏览器，同时也兼容所有的安卓设备，不过像一些iOS设备需要通过一定的方式才可以支持，相同效果的WEBP格式要比PNG格式小大概一半大小。

APNG/WEBP导出
1、iSparta软件导出：将AE导出的序列图拖到iSparta软件中，点击开始即可导出APNG/GIF/WEBP(注：GIF通过此软件导出质量偏差)。
iSparta下载地址：http://isparta.github.io/how.html。
2、BX-WebpApngExporter插件导出：下载BX-WebpApngExporter.zxp，拖进ZXP安装工具安装插件，在AE窗口-扩展中运行BX Webp/Apng Exporter，选择要导出的格式的对应导出地址，根据情况勾选是否导出，点击生成。

😜四、LOTTIE/SVGA

LOTTIE是基于JSON格式的动画文件格式，满足很多种类的矢量动画和图片动画，它是多平台的，可以在iOS、Android、Web和React Native上使用，并且按比例放大缩小不会出现像素化；它是小文件，显著提高了下载速度。

LOTTIE导出：
Bodymovin插件导出：下载bodymovin插件，安装成功后，在窗口-扩展-Bodymovin打开，设置导出路径，渲染动画，点击完成。

SVGA是同时兼容iOS、Android、Web的动画文件格式，可以支持AE或Animate大部分效果，动画文件体积更小，播放资源更优，还原效果更好。

SVGA导出：
SVGAConverter插件导出：下载SVGAConverter插件，安装成功后，在窗口-扩展-SVGAConverter_AE打开，设置输出路径，点击开始转换，成功后会有预览。

😜五、总结对比

占用内存对比：从大到小
视频＞序列帧＞GIF＞APNG/WEBP＞LOTTIE/SVGA

质量稳定对比：从差到好
视频＜GIF＜序列帧＜APNG/WEBP＜LOTTIE/SVGA

支持AE动效对比：从多到少
视频＞GIF＞序列帧＞APNG/WEBP＞LOTTIE/SVGA

业务方案：

• gif虽然体积小、兼容性好、但效果差、不推荐使用、除非非常在意多端兼容性与性能！
• 简单的动图采用webp、比如简单的聊天表情动图（骰子、石头剪刀布等）
• lottie适合一些复杂的动画、比如复杂的加载动画、引导动画等、不适合做直播间大礼物特效
• 直播间复杂的大礼物动可以用效用svga,webp还有apng
• MP4不建议做直播间礼物动画防范

因为她不直接支持alpha,需要通过openGL或者CIFilter方式可以通过两个图层叠加的方式达到效果，但是性能不好，如果取帧的FPS介于：16.7 ~ 60 则内存暴涨100~150MB左右，而webp和svga则相对会稳定很多。

👉其他

📢作者：小空和小芝中的小空
📢转载说明-务必注明来源：https://zhima.blog.csdn.net/
📢这位道友请留步☁️，我观你气度不凡，谈吐间隐隐有王者霸气💚，日后定有一番大作为📝！！！旁边有点赞👍收藏🌟今日传你，点了吧，未来你成功☀️，我分文不取，若不成功⚡️，也好回来找我。

温馨提示：点击下方卡片获取更多意想不到的资源。