Lorem Picsum URL ビルダー
画像
`picsum.photos` は要求した寸法で Unsplash のランダム写真を返す。このビルダーは望む URL を生成: 幅 × 高さ・オプションのグレースケールとぼかし・リクエストごとのランダム写真・シード文字列ごとの安定写真（Storybook フィクスチャに最適）・特定画像 ID。URL に加え、貼り付け可能な Markdown・HTML スニペットも出力、ライブプレビュー付き。
—
URL
https://picsum.photos/800/600
プレビュー
Markdown
HTML
<img src="https://picsum.photos/800/600" width="800" height="600" alt="placeholder">
picsum.photos は Unsplash 写真をプレースホルダとして提供。プロトタイプは無料; 本番利用は Unsplash ライセンスを確認。
使い方
- 幅と高さを設定（'square' をクリックして幅を高さにコピー）。
- オプションでグレースケールまたはぼかし（0-10）をオン。
- ページロードごとに同じ写真が欲しければシードを追加。
- 特定の写真を固定するには画像 ID を入力（picsum.photos/images で ID を見つける）。
- URL・Markdown・HTML スニペットをコピー。
よくある質問
- シードと画像 ID の違いは？
- **シード**は任意の文字列 — `picsum.photos/seed/alice/800/600` は `alice` には毎回同じ画像・`bob` には別の画像。**画像 ID** は picsum カタログの特定写真を固定（例: `id/237` は有名な犬）。安定だが任意ならシード・特定写真なら ID を使う。
- 本番で使うべき？
- Picsum はプロトタイプ・デザインモック・Figma フィル・Storybook に最適。本番ではプレースホルダを自前ホストするか CDN を使う — 第三者画像ホストはレート制限・画像変更・ダウンの可能性。Picsum 画像は Unsplash ライセンス — 一部の用途で商用制限。
- 画像がキャッシュ/リロード毎に同じなのは？
- シードなしでは picsum がランダムに選んでもブラウザが URL をキャッシュする場合がある。キャッシュバスタークエリ（例: `&rand=123`）を追加するか、シードを使って決定論を受け入れる。逆: 安定画像が欲しいなら常にシードを使う。
- どんなアスペクト比が動く？
- 任意の整数 — `1600/900`・`1200/630`（Open Graph）・`400/400`（アバター）・`2000/300`（バナー）。Picsum はソース写真からクロップ/リサイズするので、極端な比率は不格好にクロップされる可能性。