前端乾貨之隨機圖庫 Lorem Picsum

你還在爲找不到圖片而煩惱嗎？

你能夠嘗試着刷新頁面！或者在這裏體驗

今天給你們推薦一個免費的圖片庫 Lorem Picsum，簡單好用

獲取指定大小的隨機圖片

---

https://picsum.photos/200/300

這樣你就能獲得一張寬度爲200，高度爲300的隨機圖片

若是你想要得到正方形圖片，只須要以下代碼

https://picsum.photos/200
//等同於 https://picsum.photos/200/200

這樣你就能獲得一張寬度爲200，高度爲200的隨機正方形圖片

獲取指定id的圖片

---

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

全部圖片列表

靜態隨機圖片

---

每次根據種子得到相同的隨機圖像，方法是在URL開頭添加/seed/ {seed}。

https://picsum.photos/seed/picsum/200

灰度圖片

---

只須要在連接末尾添加?grayscale便可

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

模糊圖片

---

經過附加?blur到url的末尾得到模糊圖像。

https://picsum.photos/200/200/?blur

能夠經過提供介於1和10之間的數字來調整模糊量。

https://picsum.photos/200?blur=2

高級用法

---

您能夠結合使用以上任何選項。

例如，要得到灰度和模糊的特定圖像。

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

要在瀏覽器中請求多張相同大小的圖像，請添加random查詢參數以防止圖像被緩存：

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

若是您須要文件結尾，則能夠添加.jpg到url的結尾。

https://picsum.photos/200/300.jpg

要獲取WebP格式的圖像，能夠將其添加.webp到URL的末尾。

https://picsum.photos/200/300.webp

列出圖片

---

使用/v2/list端點獲取圖像列表。

https://picsum.photos/v2/list

[
    {
        "id": "0",
        "author": "Alejandro Escamilla",
        "width": 5616,
        "height": 3744,
        "url": "https://unsplash.com/...",
        "download_url": "https://picsum.photos/..."
    }
]

默認狀況下，該API每頁將返回30個項目。

要請求另外一個頁面，請使用?page參數。

要更改每頁的項目數量，請使用?limit參數。

https://picsum.photos/v2/list?page=2&limit=100

該Link頭包括關於下一首/上頁分頁信息

圖像細節

---

使用/id/{id}/info端點獲取有關特定圖像的信息。

https://picsum.photos/id/0/info

您能夠經過查看Picsum-ID標題或User CommentEXIF元數據中的字段來查找圖像的ID 。

{
        "id": "0",
        "author": "Alejandro Escamilla",
        "width": 5616,
        "height": 3744,
        "url": "https://unsplash.com/...",
        "download_url": "https://picsum.photos/..."
}