免費隨機圖片服務介紹

今天晚上九點多才離開公司，又有點來不及了，只好來介紹一下之前在文章中滿常出現的免費隨機圖片服務: picsum.photos

取得隨機正方形圖片

取得寬和高為 300 的正方形隨機圖片

    
https://picsum.photos/300
    

取得隨機長方形圖片

取得寬x高為 200x300 的長方形隨機圖片

    
https://picsum.photos/200/300
    

取得固定的圖片

開啟隨機圖片連結後應該會跳轉到類似下面的網址

    
https://fastly.picsum.photos/id/563/200/300.jpg?hmac=t3Ir7I6CJr-OrWOq4QVsRQTjpp03ce7vtDA3-NLdm-c
    

如果想要這張照片，可以將網址後面的 id 記起來，替換為下面的格式即可開啟同一張照片：

    
https://picsum.photos/id/563/200/300
    

灰階圖片

使用 grayscale 這個 QueryString 即可將圖片變成灰階：

    
https://picsum.photos/id/227/200/300?grayscale
    

模糊效果

使用 blur 這個 QueryString 即可將圖片變成模糊，模糊效果為 1~10：

    
https://picsum.photos/id/231/200/300?blur=2
    

blur=1 ：

blur=10:


灰階 和 模糊可以同時使用:

    
https://picsum.photos/id/231/200/300?grayscale&blur=2
    

防止網頁快取

假設同一個網頁有多個隨機圖片，為了防止快取可以加上 random 這個 QueryString:

    
<img src="https://picsum.photos/200/300?random=1">
<img src="https://picsum.photos/200/300?random=2">
    

參考資料：
Picsum.Photos