隨機獲取到的高質量圖片

今天是2018年9月14日

記錄一個剛學到的獲取隨機高清圖片的寫法。

其實前端隨機我是想過一些這方面的事情的，起初是看到了Chrome瀏覽器中的一款叫Momentum的外掛，其表現如圖。

如圖每次啟動頁面時背景圖片都不是一樣的，並且其圖片質量都是非常高的，曾經想過用一些“拙劣”的方法去實現，最後都以不靠譜結束= =！

偶然間看到了一篇文章，得到了一個網址

https://source.unsplash.com/

在網址後以URL傳參的方式新增圖片解析度和關鍵字，即可獲取到隨機的高質量圖片。

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

效果如下

並且每一次重新整理都可以獲取新的圖片

但並不建議在網站中大量使用這種方式獲取的圖片，因為其載入過程比較慢，另外並不是很清楚這些資源是否可以商用。

如果需要獲取圖片，則可以在瀏覽器位址列中直接輸入url獲取圖片，然後右鍵另存為儲存到本地，圖片的質量還是有蠻高的。