Lorem Picsum URL ビルダー

使い方

1. 幅と高さを設定（'square' をクリックして幅を高さにコピー）。
2. オプションでグレースケールまたはぼかし（0-10）をオン。
3. ページロードごとに同じ写真が欲しければシードを追加。
4. 特定の写真を固定するには画像 ID を入力（picsum.photos/images で ID を見つける）。
5. 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 はソース写真からクロップ/リサイズするので、極端な比率は不格好にクロップされる可能性。

関連ツール