写在前面
我们先了解一下,AE导出有几种主要的落地格式:
Gif
1.最常用的是Gif,几乎兼容所有主流浏览器,实现起来方便简单。但是最致命的问题是Gif不支持半透明/透明的图片,甚至会出现大量的白边。所以在使用中经常被吐槽。
Apng/Webp图表
2.Apng/Webp格式地图最大的特点是可以支持半透明/透明的运动图片,没有白边,但是因为一些兼容性问题,使用并不广泛。
Json文件
3.json文件格式,设计师通过一个插件将AE制作的动画生成一个json文件,开发生可以直接在软件中解析json文件实现动画。设计人员不需要导出gif或序列帧。
部分1
一、GIF的优缺点
GIF的优势
优秀的压缩算法在一定程度上保证了图像质量,减少了体积。您可以插入多个帧来实现动画。您可以设置透明颜色,以产生对象出现在背景上的效果。
GIF的缺点
GIF的alpha通道只有1bit。换句话说,一个像素要么完全透明,要么完全不透明。不像现在PNG的RGBA的8-8位alpha通道,alpha值可以像RGB一样有255个透明值。这就导致了所有GIF图片在透明的时候都有明显的锯齿边缘。所以如果你的客户端需要展示透明的动画,GIF基本可以忽略。
如果导出Gif图?
1.合成-添加到adobe media encoder
2.以下两种方法可用于导出GIF图像
第二部分
二。APNG/WebP的优势和劣势
什么是APNG?
APN是Mozilla在2008年发布的一种图像格式,本质上是PNG的扩展,实现起来非常简单。因此,RGBA可以得到充分支持。规格见APNG规格。
虽然这个规范没有加入PNG开发小组,但是许多浏览器已经支持APNG。最受欢迎的是苹果的Safari(OS X 10.10之后的Safari,iOS 8之后的Safari,内置WebView),完全支持。当然,火狐的亲儿子一直是支持的。Chrome的桌面端从Chrome 59开始支持,现在只是Edge。有关详细信息,请参见浏览器兼容性。
APNG的优势
需要的时间比较长,各种动画工具和优化工具都有相应的项目支持。而且iOS上的WebView是除了GIF之外唯一官方支持的动画格式,所以如果需要WebView页面引入动画进行移动开发,APNG还是必不可少的。
本文来自醉红颜投稿,不代表舒华文档立场,如若转载,请注明出处:https://www.chinashuhua.cn/24/616109.html