カスタムプレースホルダー画像ジェネレーター

プレースホルダー画像とは、最終メディアが用意できる前に、デザイン、Webサイト、アプリ画面、CMS レイアウト内のスペースを確保するために使う一時的な画像です。寸法、余白、視覚階層を保つことで、壊れた画像枠なしにページを確認できます。

幅と高さを入力し、背景色とテキスト色を選び、寸法を表示するかカスタムテキストを使うかを決め、PNG、JPG、WebP、SVG のいずれかを選んで生成します。プレースホルダー画像は端末に直接ダウンロードされます。

プレースホルダー画像ジェネレーターは、サイズ、色、ラベル、形式などのシンプルな設定からダミー画像を作成するツールです。このツールはブラウザベースなので、短時間でのモックアップ作成、確認用レイアウト、インターフェースレビュー、デザイン引き継ぎ用ファイルに向いています。

はい。暗い背景色と明るめのテキスト色を選んでください。たとえば `#1f2937` のような背景に `#9ca3af` のようなテキストを合わせると、ダークモードのインターフェースカード、アプリ画面、ダッシュボードに適しています。

はい。スマートフォンのモックアップなら 375x667、タブレットレイアウトなら 768x1024 など、必要な画面またはコンポーネントのサイズを入力します。「アプリ画面」や「スクリーンショット」のようなラベルを使うと、デザインレビューでプレースホルダーの役割が明確になります。

はい。300x300、512x512、1080x1080 などの正方形サイズを使います。"プロフィール" や "アバター" のような短いラベルを追加し、プロジェクトに合わせて PNG、WebP、SVG のいずれかで書き出してください。

はい。このツールは、Webサイトのカード、商品ブロック、記事サムネイル、プロフィール枠、ワイヤーフレーム用のダミー画像作成に適しています。最も分かりやすい結果にするには、どこでも同じ汎用ファイルを使うのではなく、用途ごとに各ダミー画像へラベルを付けてください。

このページは公開プレースホルダー画像 API や動的 URL 構文を提供していません。ブラウザ内でダウンロード可能なプレースホルダー画像を作成します。API のような挙動が必要な場合は、ここでファイルを生成し、プロジェクト、CDN、またはデザインシステムのアセットとしてホストしてください。

安全な標準形式には PNG、モダンなWebテストには WebP、大きく優先度の低いプレースホルダーには JPG、拡大縮小できるベクター出力には SVG を使います。後で JPG の商品写真に置き換える予定なら、JPG でテストすると最終ファイルの挙動により近くなります。

1x1 px から 4000x4000 px までのカスタムプレースホルダー画像を生成できます。非常に大きなファイルはヒーローエリアや高解像度モックアップに便利ですが、通常のWebレイアウトテストでは、最終画像が実際に使う寸法に合わせてください。