はじめに
Lorem Picsum はランダム画像ジェネレーターです。
Lorem Picsum とは？
Lorem Picsum は、実写真を正確なサイズで提供するランダム画像ジェネレーター兼プレースホルダー写真サービスです。レイアウト、プロトタイプ、テストフィクスチャ向けに作られており、灰色のボックスをリアルな画像に置き換えます。このサービスでは、10,000 枚の CC0 写真と、キーもサインインも不要な Picsum 画像 API を提供しています。ユーザーは URL に幅と高さを追加してランダム画像をリクエストし、タグ、カテゴリ、シード、グレースケール、ぼかし、WebP 出力で結果を絞り込めます。これは、デザイナーや開発者がライセンス作業なしでリアルに見える画像を必要とすることがよくあるため重要です。Lorem Picsum はそのワークフローをシンプルに保ちます。URL を貼り付け、切り抜かれた写真を取得し、レイアウトを仕上げるだけです。ランダム画像ジェネレーターは素早いモックアップに便利で、再現可能なシードと写真 ID はチームがレビューやテストを安定させるのに役立ちます。
Lorem Picsum の主な機能
カスタムサイズの実写真
幅と高さを最大 2,000 ピクセルまで指定するか、正方形にしたい場合は 1 つの数値を使用すると、ランダム画像ジェネレーターが要求されたサイズで中央切り抜き画像を返します。
タグとカテゴリのフィルター
タグまたはカテゴリのパラメータを使用して、ランダム画像ジェネレーターを被写体やカテゴリに絞り込み、同じフィルターを /v2/list に送信して一致する写真を閲覧できます。
再現可能なシード
シードを追加すると、要求する寸法が変わっても、デザインレビュー間で同じ Lorem Picsum の写真を再度表示できます。
グレースケールとぼかし効果
色なしでコントラストを判断するにはグレースケールを適用し、テキストオーバーレイやローディングスケルトンには 1～10 のぼかしを追加できます。両方の効果は組み合わせられます。
JPEG または WebP 出力
デフォルトの JPEG を維持するか、.webp を追加して WebP パイプラインをテストし、より小さいファイルを配信できます。コピーしたリンクでは形式が明示されたままです。
キー不要の Picsum 画像 API
Picsum 画像 API の URL を、キーやサインインなしで img タグまたはブラウザに貼り付けることができるため、プロトタイプや自動チェックでサービスを簡単に使用できます。
写真のメタデータと ID
ID、寸法、カテゴリ、タグ、クレジット、ダウンロード URL を含む写真レコードを閲覧するか、/id/{id}/info を開いて単一の写真レコードを表示できます。
Lorem Picsum のユースケース
プロトタイプとワイヤーフレーム
灰色のボックスの代わりにプレースホルダー写真を使用して、実際の被写体でレイアウトがどう感じられるかを示しつつ、ランダム画像ジェネレーターが正確な寸法を埋めます。
デザインレビューとモックアップ
シード付きの Lorem Picsum リンクを共有すると、レビュアーが同じ写真と同じ切り抜きを確認できるため、モックアップへのフィードバックを画像の変更ではなくレイアウトに集中させられます。
自動スクリーンショットテスト
シードまたは写真 ID を固定し、正確な幅と高さを設定し、JPEG または WebP を選択すると、ビジュアルテストをより再現可能にできます。
ローディングスケルトンとテキストオーバーレイ
ぼかしとグレースケールを追加して、スケルトン画面、ヒーロー用プレースホルダー、テキストの多いセクション向けの柔らかな背景画像を作成できます。
オープンソースのデモとチュートリアル
デモ、例、ドキュメントで CC0 写真を使用でき、ストック画像を手作業で選んだり、許可を追いかけたりする必要はありません。
Lorem Picsum の使い方
- Lorem Picsum を開き、正方形なら 640 × 640、横長のブロックなら 1200 × 800 などのサイズを選択します。
- 幅と高さを指定して画像 URL を構築し、タグ、カテゴリ、シード、グレースケール、ぼかし、.webp のオプションパラメータを追加します。
- 画像リンクをコピーするか、プレビューから JPEG または WebP ファイルをダウンロードします。
- リンクを width、height、alt 属性付きの HTML img タグに配置するか、ビルドツールやテストランナーで使用します。
- プロジェクトで特定の写真メタデータ、ID、再現可能なレコードが必要な場合は、/v2/list または /id/{id}/info を閲覧します。
Lorem Picsum の対象ユーザー
- レイアウトでプレースホルダー写真を必要とするフロントエンド開発者や UI デザイナー
- 安定した画像 URL を必要とする QA エンジニアやテスト自動化チーム
- プロトタイプ、デモ、デザインレビューを構築するプロダクトチーム
- HTML、CSS、レスポンシブレイアウトを学ぶ教育者や学生
- CC0 写真を必要とするオープンソースのメンテナーやテクニカルライター
- モックアップ用の素早いランダム画像サンプルを必要とするコンテンツクリエイター
Lorem Picsum は無料ですか？
提供されている参考情報には有料プランが記載されていません。Picsum 画像 API には API キーもサインインも不要で、アクセスは無料のようです。簡単なプラン表は次のとおりです。
| プラン | 料金 | 機能 |
|---|---|---|
| 無料 | $0 | 10,000 枚の CC0 写真、ランダム画像ジェネレーター、最大 2,000 ピクセルのカスタムサイズ、タグ、シード、グレースケール、ぼかし、JPEG と WebP、写真メタデータ |
参考情報には有料階層が記載されていません。料金や利用条件が変更された場合は、ユーザーは公式サイトを確認する必要があります。
Lorem Picsum の長所と短所
| 項目 | 長所 | 短所 |
|---|---|---|
| 料金 | API キーやサインインが不要と記載された無料アクセス | 有料サポートやサービスレベル契約が記載されていない |
| 機能 | シード、タグ、グレースケール、ぼかし、WebP、メタデータが一般的なモックアップのニーズをカバー | カスタムサイズとエフェクトはオンデマンドの利用枠を共有する |
| 写真 | 10,000 枚の CC0 写真がモックアップ用の実際の被写体を提供 | コレクションは固定されており、完全なストック写真ライブラリではない |
| セットアップ | URL ベースの使用は img タグ、ビルドツール、テストランナーで迅速 | 高度なオプションを使うには URL パラメータを学ぶ必要がある |
| ユースケース | プロトタイプ、デザインレビュー、スクリーンショットテストに強い | 最終的なキュレーション済みストック写真としての用途は想定されていない |
Lorem Picsum に関するよくある質問
Lorem Picsum は何に使われますか？
Lorem Picsum は、レイアウト、プロトタイプ、デモ、テストフィクスチャを実際の画像で埋めるために使用されます。ランダム画像ジェネレーターが要求されたサイズで切り抜かれた写真を返すため、ユーザーは画像を手作業で選ぶ必要がありません。
ランダム画像ジェネレーターはどのように機能しますか？
ユーザーが幅と高さを入力すると、ランダム画像ジェネレーターが Lorem Picsum のコレクションから一致する写真を選択します。シードまたは写真 ID を使用しない限り、リクエストごとに異なる画像が返される場合があります。
ユーザーは毎回同じ写真を取得できますか？
はい。シードを追加すると、リクエスト間で同じ元写真を繰り返せます。または、ID ベースの URL をコピーして特定の Lorem Picsum 画像を固定できます。シードはデザインレビューやスクリーンショットテストに便利です。
Picsum 画像 API は無料でキー不要ですか？
参考情報によると、Picsum 画像 API にはキーもサインインも不要です。ユーザーは URL を img タグまたはブラウザに直接貼り付けることができるため、サービスを簡単にテストできます。
どのようなサイズと形式がサポートされていますか？
API は 1～2,000 ピクセルの幅と高さをサポートしています。デフォルトは JPEG で、シードや切り抜きを変更せずに .webp を追加して WebP 出力をリクエストできます。
CC0 写真は商用プロジェクトで再利用できますか？
写真は CC0 と指定されており、各写真はソースと作成者にリンクしています。ユーザーは、特に商用または公開される作品の場合は、元のレコードを確認し、希望する場合はクレジットを表示する必要があります。
Lorem Picsum のタグ
Lorem Picsum、ランダム画像ジェネレーター、プレースホルダー写真、CC0 写真、Picsum 画像 API、プレースホルダー写真サービス、ランダム画像 API、無料プレースホルダー画像、WebP プレースホルダー画像、シード画像ジェネレーター、プロトタイプ画像、テストフィクスチャ画像
