公众号发展起来后，GIF图也顺势成为了内容编辑中不可或缺的一部分。
但是同一篇推送中，10张以上GIF图的大小能达到十几MB，看似短短的一段动画，实际上比视频更费流量。
熟悉公众平台的小编都了解，微信为了避免出现这种情况，限制了前5张可以动，第6张GIF图就需要点击下图按钮才能播放。
这一按钮一方面影响运营者对图文的装饰，另一方面影响用户体验。
今天，安利i排版的沙师弟这个技巧，1分钟教会你通过代码来解决这个小问题。
一、设置步骤
❶ 注册并登陆iPaiban.com，上传一张需要使用的GIF
❷ 点击【HTML】按钮，进入代码编辑页面
❸ 找到GIF地址（格式为：http://********.gif）并复制
❹ 粘贴下面的代码
❺ 将代码中http://1251001145.cdn.myqcloud.com/1251001145/stylenew/vippaystyle/pay_030.gif 的部分替换成已经复制好的目标GIF的地址
❻ 找到width：30px和height：30px，修改数值可以适当调整GIF大小。
❼ 再次点击一下【HTML】按钮，就可以在正常编辑框中看到效果啦！
代码
<section label="Copyright © 2017 playhudong All Rights Reserved." style="border:none;
display:inline-block;
vertical-align: middle;
width:30px;
height:30px;
background-image:url(http://1251001145.cdn.myqcloud.com/125100114522/stylenew/vippaystyle/pay_030.gif);
background-repeat:no-repeat;
background-size:100%;"> </section>
比如下面这个例子，就是沙师弟将现有模板与GIF结合实现的。不仅可以自动播放，还能调整GIF图大小。
友情提示
❶ 使用GIF图时也要注意图片大小，不然流量跑的太快，也是很影响用户体验的。
❷ 在修改代码前，可以先将需要修改的GIF图预留出来。
编辑好其他部分之后，复制粘贴到公众平台的编辑页面。
再通过iPaiban.com的HTML页面单独处理GIF图的代码。
❸ 目标GIF的地址仅限在上传到iPaiban.com或者公众平台后台之后进行复制，不可以直接复制GIF的网址。
二、GIF网站推荐
❶ piggif.com
国内网站，开放了 API 的接口，可以通过接口直接接入到微信公众号。不过网站 API 还属于内测阶段。
❷ gifmiao.com/index
国内网站，号称斗图达人最爱的表情包搜索平台。
❸ gifcool.com
国内网站，GIF资源海量。
❹ giphy.com
国外网站，GIF图类型广，质量高。
❺julianglander.com
国外网站，作品多为插画、简单动画，风趣幽默，很受年轻人喜欢。
❻ goldenwolf.tv
国外网站，风格多样，非常符合年轻人的口味，受到众多知名品牌的信赖。
❼ rafael-varona.com
国外网站，整体风格有种轻幽默，让人看了心情也很舒畅，文艺小清新类必备。
三、GIF制作工具推荐
如果你在这些网站都找不到适合的GIF图，沙师弟建议你可以自己动手制作。下面为大家推荐几款GIF制作工具。
❶ Photoshop：大名鼎鼎，但是门槛有点高。
❷ gif5.net：简单的线上GIF图制作工具，容易上手。
❸ LICEcap：电脑录屏软件，适合录制视频，操作简单。
今天是学习计划第175天，再也不担心动图不动啦
本帖最后由 有赞-熙语 于 2017-4-17 19:10 编辑 |
用手机打开
收藏
赞 1
···
回复
复制链接
新浪微博
QQ空间
微信扫码
