朋友们大家好，我是三儿
相信大家平日在看一些大牌推文，会发现他们的GIF图格外的高清。
就像这样👇
你这看起来也不高清呀？
那这不是因为三儿是录的屏，有压缩嘛点击>>传送门，查看Apple原文
那Apple可以做，你135可以吗？
那别眨眼
··
是不是挺高清的，这个可不是录屏哦，原文大家也可以点击>>传送门查看。
众所周知，微信官方对后台上传的图片是有大小限制的：
01.所有图片大小不超过10m
02.所有图片宽高像素乘积不超过600w
03.GIF总帧数不超过300
第一个要求我们可以通过图片查看属性判断，其他两个要求如何快速判断呢？
其实很简单，将你不确定的图单独上传至微信后台的素材库中，上传成功则表示符合要求，上传失败则说明不符合要求。
那么现在就陷入一个困局：想要GIF图高清，势必图片质量过大，想要确保GIF能上传到微信后台但画质会模糊，难道我们不能既要又要吗？
这时候大家可以看看，三儿刚给大家展示的效果示例，这个看起来像GIF的其实并不是GIF，而是用了序列帧去模仿GIF。
简单讲：我们将一张GIF图分解为若干张静态图片，再通过渐隐图片轮播组件组合，模拟出GIF的动效。
前期准备工作
如果设计师是用AE制作的GIF，可以安装一个GIFgun的插件，在导出GIF的时候会同时导出抽帧后的png格式的静态图。
我们这张GIF图，最终被拆分成了126张静态图。
如何制作
在135编辑器左侧找到SVG编辑器入口，点击进入SVG编辑器页面。
进入SVG编辑页面后，选中[互动效果]在搜索框中输入组件ID：259，查找到组件渐隐图片轮播。
单击组件到编辑区域后，选择添加图片将刚刚拆分出的静态图添加进去。
注意：组件默认动画时长是2s，我们可以调整为0.1s
在完成所有图片的上传后，我们就可以选择导出，复制到135编辑器或是微信后台。
一些拓展
如果你在svg编辑器中搜索[序列帧]这个关键词，你就能发现相关组件还不少。
大家可以自行搜索，看看有没有你喜欢的组件。对了眼睛会了也要记得动手实操下，眼手都会才是真的会哦。
·
END