Lorem Picsum：開發者必備的免費佔位圖片工具
介紹
在網站開發和設計的過程中，開發者經常需要使用臨時圖片來測試佈局、設計原型或演示網站效果。Picsum.photos（又稱 Lorem Picsum）是一個簡單但功能強大的免費 API 服務，為開發者提供隨機生成的高質量佔位圖片，讓你無需準備真實圖片就能快速構建和測試網站。
核心功能
基礎圖片獲取
Picsum.photos 的最大優勢在於其極簡的使用方式。你只需在 URL 中指定圖片尺寸，即可立即獲得相應大小的隨機圖片。例如：
texthttps://picsum.photos/200/300
這個請求會返回一張 200×300 像素的隨機圖片。如果你需要正方形圖片，只需提供一個數值：
texthttps://picsum.photos/200
指定特定圖片
除了隨機圖片外，Picsum.photos 也支持通過 ID 獲取特定圖片，確保你在不同環境中展示同樣的圖片。使用語法如下：
texthttps://picsum.photos/id/237/200/300
這對於展示、演示或製作文檔時非常有用，因為你可以確保每次加載都是同一張圖片。
Seed 參數：重現相同的隨機圖片
Picsum.photos 提供了一個獨特的功能——通過 seed 參數基於相同的種子值重現相同的隨機圖片。這對於多次構建或團隊協作特別實用：
texthttps://picsum.photos/seed/picsum/200/300
每當使用相同的 seed 值（例如 “picsum”），都會得到相同的隨機圖片，這樣能夠確保跨設備或跨時間的一致性。
圖片效果處理
Picsum.photos 還支持多種圖片效果，讓你的測試圖片更貼近實際應用場景：
灰度效果——將圖片轉換為黑白：
texthttps://picsum.photos/200/300?grayscale
模糊效果——為圖片添加高斯模糊，模糊程度可調（1-10）：
texthttps://picsum.photos/200/300?blur=2
你可以組合多個效果。例如，獲取一張特定 ID 的灰度模糊圖片：
texthttps://picsum.photos/id/870/200/300?grayscale&blur=2
文件格式支持
Picsum.photos 支持多種圖片格式，你可以根據需求選擇：
- JPEG——默認格式，添加
.jpg後綴 - WebP——現代化格式，更優的壓縮率，添加
.webp後綴
texthttps://picsum.photos/200/300.jpg
https://picsum.photos/200/300.webp
防止瀏覽器緩存
如果你需要在同一個頁面中加載多張不同的圖片，可以使用 random 參數來防止瀏覽器緩存相同的圖片：
xml<img src="https://picsum.photos/200/300?random=1">
<img src="https://picsum.photos/200/300?random=2">
API 功能
除了直接嵌入圖片外，Picsum.photos 還提供了 REST API，適合需要大量圖片數據或元數據的場景。
獲取圖片列表
使用 /v2/list 端點可以獲取所有可用圖片的列表，默認返回 30 項：
texthttps://picsum.photos/v2/list
支持分頁和限制返回數量：
texthttps://picsum.photos/v2/list?page=2&limit=100
返回的 JSON 包含圖片元數據，例如：
json{
"id": "0",
"author": "Alejandro Escamilla",
"width": 5616,
"height": 3744,
"url": "https://unsplash.com/...",
"download_url": "https://picsum.photos/..."
}
獲取圖片詳細信息
如果你需要特定圖片的完整信息，可以使用 /info 端點：
texthttps://picsum.photos/id/0/info
https://picsum.photos/seed/picsum/info
實際應用場景
Picsum.photos 特別適合以下場景：
- 快速原型設計——在設計階段快速填充佔位圖片，無需等待設計師提供真實圖片
- 前端測試——測試圖片佈局、響應式設計和圖片加載性能
- API 集成測試——模擬第三方圖片 API 的響應，進行集成測試
- 演示和展示——為客戶演示和截圖時，使用統一的、可重現的圖片
- 自動化測試——在自動化測試中使用固定的 seed 值確保測試的一致性
- 文檔和博客——編寫技術文檔時，快速插入示例圖片
優勢與特點
| 特點 | 優勢 |
|---|---|
| 免費無限使用 | 無需付費，也無需 API Key，直接調用 |
| 高質量圖片 | 圖片來自 Unsplash，質量高、多樣化 |
| 極簡 API | URL 參數式設計，易於學習和集成 |
| 功能豐富 | 支持效果、格式、分頁等多種自訂選項 |
| 穩定可靠 | 作為知名開源項目，有良好的社群支持 |
| 快速響應 | CDN 加速，全球各地都能快速訪問 |
和其他工具的對比
在開發社群中，類似的佔位圖片工具還有 Placeholder.com 和 Lorempixel 等。相比之下，Picsum.photos 的優勢包括：
- 圖片多樣化：使用 Unsplash 的真實攝影作品，而不是生成的抽象圖片
- 功能齊全：支持灰度、模糊、seed 等高級功能
- 開源透明：代碼開源，社群活躍
總結
Picsum.photos 是一個設計簡潔、功能完整的免費工具，非常適合現代網頁開發工作流。無論你是在做快速原型、進行單元測試還是準備演示，Picsum.photos 都能提供穩定、高質量的佔位圖片解決方案。對於你的 Web 開發和電商項目，這個工具可以大幅加快前期開發速度，讓你將更多精力專注於核心功能的實現。
這篇文章涵蓋了 Picsum.photos 的核心功能、使用方法、實際應用場景和優勢，應該能夠幫助讀者快速了解和開始使用這個工具。你可以根據目標受眾的技術水平進行調整，或者用這篇作為基礎進一步擴展更多實際範例。
