随机获取到的高质量图片

今天是2018年9月14日

记录一个刚学到的获取随机高清图片的写法。

其实前端随机我是想过一些这方面的事情的，起初是看到了Chrome浏览器中的一款叫Momentum的插件，其表现如图。

Momentum

如图每次启动页面时背景图片都不是一样的，并且其图片质量都是非常高的，曾经想过用一些“拙劣”的方法去实现，最后都以不靠谱结束= =！

偶然间看到了一篇文章，得到了一个网址

https://source.unsplash.com/

在网址后以URL传参的方式添加图片分辨率和关键字，即可获取到随机的高质量图片。

body{
            background: url("https://source.unsplash.com/1366x768/");
        }

效果如下

效果图

并且每一次刷新都可以获取新的图片

但并不建议在网站中大量使用这种方式获取的图片，因为其加载过程比较慢，另外并不是很清楚这些资源是否可以商用。

如果需要获取图片，则可以在浏览器地址栏中直接输入url获取图片，然后右键另存为保存到本地，图片的质量还是有蛮高的。