朋友们大家好，我是三儿

相信大家平日在看一些大牌推文，会发现他们的GIF图格外的高清。

就像这样👇

那这不是因为三儿是录的屏，有压缩嘛点击>>传送门，查看Apple原文

那别眨眼

是不是挺高清的，这个可不是录屏哦，原文大家也可以点击>>传送门查看。

那么现在就陷入一个困局：想要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编辑器中搜索[序列帧]这个关键词，你就能发现相关组件还不少。

大家可以自行搜索，看看有没有你喜欢的组件。对了眼睛会了也要记得动手实操下，眼手都会才是真的会哦。