给首页/登录页换成gif背景要怎么操作？

大周末的，本来想继续更新干货文章，不过载有接口测试平台和数据工厂的项目电脑都没带回家，家里只有一台15年的老mac了。打开看看 上面还有一些曾经很久的项目，无聊看看代码，发现好几年前写的很菜基本无法look，但是登录页面却五花八门。

「所以只能给大家说说如何用gif来当背景：」

现在来一个看我之前的项目登录页面：「林深鹿现」

这里准备呢，给弄个gif的格式当背景看看效果：代码中找到这个关于背景图的html模版，直接替换上我的gif：（前提是，图片要放到/static目录下才可使用。）

然后是html模版：

然后看看效果：

然后又试了试其他的：

这里大家注意，gif一般都非常大，再小也要三五MB，所以使用者第一次登录的时候，可能需要等那么几秒钟才看到图片，这个体验本身并不好，我们为了之后每次进入不一样，可以考虑引入缓存设计，防止下次进入时还是要等好几秒才看到背景，当然我们自己电脑本地图片所以看着好像每次都瞬间显示了。

不过大家最担心的还是去哪弄很漂亮并且高清的gif呢？其实百度搜索的话就有很多。

而博主的做法非常麻烦：

1. 买个动态壁纸app
2. 下载几个漂亮的动态壁纸发现是mp4格式
3. 然后发现太大，无法直接转gif
4. 只能设置成桌面背景，然后用录屏工具，录制5秒
5. 然后生成的mp4文件
6. 然后买个在线视频转gif的网站会员
7. 然后把mp4上传转成gif，生成壁纸分辨率的gif
8. 下载生成好的gif放到项目目录
9. 修改登录页面的相关引入图片代码
10. 启动平台，并录屏3秒这个登录页面
11. 保存的mp4再次转为gif
12. 下载gif并粘贴到公众号文章

「简直不要太麻烦，准备之后写个综合流程自动化脚本」