如何像苹果图文的GIF一样高清？5种方法教你搞定！
本来挺清晰的图片，上传公众号就变得模糊了。
尽管公众号可以上传的图片大小限制不断放开，由 2M 到 5M 再到现在的 10M，但我们只要将图片上传到公众号，或多或少都会受到微信平台的压缩。
尤其是GIF动图。
同样是动图，为什么苹果以及一些大品牌的总是那么清晰？
那是因为它们的很多「动图」，其实并不是一张动图那么简单。
苹果和其他一些大品牌，面对微信严苛的压缩机制，为了让自己图文中的「动图」保持清晰，使用了很多巧妙的排版方式。
今天给大家揭秘5种方式。
一
多层图片（按图层拆分）
*素材来自Apple《谁说折抵换购仅限你手中的 iPhone。》
虽然公众号上传图片的限制放大到了 10M，但为了用户的阅读体验，还是建议尽量把图片大小控制在 6M 以内，不然用户在网速较慢的情况下打开图文半天看不到内容，很可能转身就走。
很多小伙伴也明白这个道理，会通过缩小尺寸、抽帧等方法压缩图片，但清晰度总是不尽人意。
其实一张动图太大并且在压缩后之所以不能保持清晰，很重要的一个原因是图片中的颜色太丰富。
如果一张动图中只有一小部分动，那我们其实可以将动的部分拆分出来，拆解成几张小动图和静态图，然后分别上传到公众号中重新叠加在一起。
前面苹果的例子就由下方两张图片叠加而成：
根据拆解的层数和尺寸，我们可以选择使用 iPaiban Pro 黑科技编辑器中的以下组件进行制作：
组件：双层图片
编号：10319（组件）
组件：双层图片(第二层自定义大小及位置)
编号：10291（组件）
组件：三层图片
编号：10323（组件）
组件：三层图片(第二层自定义大小及位置)
编号：10777（组件）
组件：多层图片
编号：10325（组件）
组件：多层图片(设置区域)
编号：11158（组件）
其中「双层图片」「三层图片」和「多层图片」组件，每一层图片的尺寸需保持一致，另外3个组件在叠加层的图片可任意调整位置和大小。
二
串联播放GIF（按时间拆分）
如果是视频转换或直接录制的动图呢？不能按层拆分我们还可以按时间拆分。
*素材来自高通中国《2023骁龙峰会，一起锁定精彩》
比如一段时长 6s 的动图，我们可以拆分成3个 2s 一段，然后使用 iPaiban Pro 黑科技编辑器中的相关组件进行串联。
前面高通中国图文中的9.7s动画，就是由1个3.8s动图和1个5.9s动图串联组合成的。
编辑器中串联GIF的相关组件有：
组件：自动-串联播放GIF动图
编号：10466（组件）
组件：自动-串联播放GIF动图(循环播放)
编号：11446（组件）
组件：点击+自动-串联播放GIF动图
编号：11447（组件）
三
序列帧动效
动图和视频说到底是由一张张连续的静态图片组成的，如果我们想要一个极致高清的动态效果，可以使用序列帧排版来实现。
*素材来自Apple《iPad 今晚双双上新……》
序列帧排版，即上传多张连续动作静态图，通过序列帧组件生成连贯高清的动态效果。
*了解如何制作序列帧图片戳《教你制作苹果高级序列帧动效！》
序列帧排版现在越来越流行，但大家要注意的是，一个序列帧动效可能由上百或几百张静态图生成，所以我们上传的每张序列帧图片应尽量压缩，图片数量能减则减，以免影响图文打开后加载速度。
当图片加载速度跟不上序列帧播放的速度时还可能造成闪屏。
在 iPaiban Pro 黑科技编辑器中搜索关键词「序列帧」可以看到所有相关组件。
四
静态图+SVG动效
*素材来自Apple《“春晚”好多新面孔，先说哪个好？》
很多规律性的简单动效，其实不是动图而是代码控制静态图实现的。
像上面的宫格弹跳动效，我们使用 iPaiban Pro 黑科技编辑器的宫格式弹跳组件即可制作：
组件：宫格式弹跳切换图片(向上、基础版)
编号：10318（组件）
除此之外浮动、旋转、轮播、洗牌、渐变切换等动效我们使用编辑器都可以制作，在「组件」-「自动」分类中可找到相关组件。
五
矢量素材+SVG动效
*动图录自格兰富水泵《转眼，就站在了2023年的最后一天。》
很多像格兰富水泵《转眼，就站在了2023年的最后一天。》图文中线条轨迹移动这样覆盖全文的动效，则是由矢量素材利用代码实现，这类动效因为较为复杂，很多都是需要定制实现。
大致原理是先通过 Ai 绘制矢量图形，然后转成 SVG 代码，再技术控制让人物、物品动起来，沿着绘制的轨迹移动。
在 iPaiban Pro 黑科技编辑器中搜索关键词「轨迹」也可以看到一些此类效果的组件或组合。
现在，大家应该知道苹果以及其他大品牌的「动图」为什么总是那么清晰了。
明白了其中的原理，我们利用 iPaiban Pro 黑科技编辑器或者人工定制也可以做到。
制作SVG交互图文认准 iPaiban Pro 黑科技编辑器，网址：SVG.iPaiban.com，复制网址在 PC 端 Chrome（谷歌）浏览器打开，即可注册，编辑器所有组件/组合现已全部支持免费试用了。
新用户在「新手礼包」可领取3天企业标准版会员免费商用，以及22个常用必备组件的大礼包（1年）。随礼包附赠千元优惠券，每单最高立降500元。
转载请在文章开头和结尾显眼处标注：作者、出处和链接。不按规范转载侵权必究。
未经授权严禁转载，授权事宜请联系作者本人，侵权必究。
本文禁止转载，侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权，侵权必究。
评论
评论
推荐评论
暂无评论哦，快来评论一下吧！
全部评论（0条）