当前位置:K88软件开发文章中心编程资讯编程资讯08 → 文章内容

超过5张GIF怎么自动播放?i排版1分钟教会你(还有GIF网站推荐)

减小字体 增大字体 作者:华军  来源:华军资讯  发布时间:2019-2-11 18:32:48

原标题:超过5张GIF怎么自动播放?i排版1分钟教会你(还有GIF网站推荐)昨天,沙师弟教了大家怎么追白百合的热点()。很多小伙伴都来问沙师弟,插入10张GIF是怎么做到的。沙师弟言而有信,今天就来教大家这个小技巧: 如何在一篇推送中插入超过5张可以自动播放的GIF。公众号发展起来后,GIF图也顺势成为了内容编辑中不可或缺的一部分。但是同一篇推送中,10张以上GIF图的大小能达到十几MB,看似短短的一段动画,实际上比视频更费流量。熟悉公众平台的小编都了解,微信为了避免出现这种情况,限制了前5张可以动,第6张GIF图就需要点击下图按钮才能播放。这一按钮一方面影响运营者对图文的装饰,另一方面影响用户体验。今天,沙师弟就教大家通过以下的代码解决这个小问题。设置步骤?注册并登陆iPaiban.com,上传一张需要使用的GIF?点击【HTML】按钮,进入代码编辑页面?找到GIF地址(格式为:)并复制?粘贴下面的代码?将代码中的部分替换成已经复制好的目标GIF的地址?找到width:30px和height:30px,修改数值可以适当调整GIF大小。?再次点击一下【HTML】按钮,就可以在正常编辑框中看到效果啦!红框中的代码即加粗字体所示的部分代码display:inline-block;vertical-align: middle;width:30px;height:30px;background-image:url();background-repeat:no-repeat;background-size:100%;"> 比如下面这个例子,就是沙师弟将现有模板与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:电脑录屏软件,适合录制视频,操作简单。如果你对排版技巧还有好玩儿的提议或者想了解的姿势技能,欢迎在后台给我留言,或者勾搭沙师弟(playhudong003)!

超过5张GIF怎么自动播放?i排版1分钟教会你(还有GIF网站推荐)