网页中gif动图不能循环播放的解决方法

1.最近在写博客中发现一个问题:插入到博客中的gif动图播放一遍就结束了,也就是说不能循环播放,导致的结果是,当你刚打开网页,可能这张图片就悄悄地播放结束了,显然这和我们要的效果违背了 。
2.可是我又想了想,之前在公众号写博客的时候,同样的动图都是可以循环播放的 。
3.所以我才想这可能是微信和网页端的框架不同吧 。
4.所以抱着解决这个问题的态度,我就上网搜了搜 。
【网页中gif动图不能循环播放的解决方法】5.很幸运,找到了解决方案,正因此才有了今天的这篇更新,希望对你有用 。
6.具体方法如下:用Photoshop CS6打开一张gif图片,菜单栏窗口选择时间轴,则在Photoshop会显示出时间轴 。
7.如下图:打开后发现,gif只循环播放了一次 , 这里调整为永远,如下图,并点击文件->导出->存储为web所用格式

网页中gif动图不能循环播放的解决方法

8.如下图所示:来到下图界面,循环选项选择永远,然后点击存储即可完成
网页中gif动图不能循环播放的解决方法

9.如下:为了验证是否成功 , 将gif图片用浏览器打开,发现可以循环播放了,搞定!写博客时插入到文章中就可以了
网页中gif动图不能循环播放的解决方法

相关经验推荐