プレースホルダー画像ジェネレーター
任意のサイズ、色、形式(PNG・JPEG・WebP・SVG)でプレースホルダー画像を生成し、ダウンロードまたは data URI としてコピーできます。無料、ブラウザ内で完結します。
サイズ、色、ラベルを設定すると、プレースホルダーがリアルタイムで更新されます。モックアップ用にダウンロードするか、data URI/SVG マークアップをコピーしてください。
サイズ
スタイル
形式
ライブプレビュー — 収まるよう縮小表示しています。ダウンロードは正確なピクセルサイズで行われます。
data URI は画像を HTML/CSS に直接埋め込みます。ファイルをホスティングせずにすばやくモックアップを作るのに便利です。
プレースホルダー画像ジェネレーターについて
プレースホルダー画像ジェネレーターは、モックアップやワイヤーフレーム、開発作業用のダミー画像を作成します。幅と高さを自由に設定するか、よく使われるプリセットを選び、背景色と文字色を選んで、独自のラベルを追加するか寸法をそのまま表示させることができ、各設定を変更するたびにプレビューがリアルタイムで更新されます。
プレースホルダーはPNG、JPEG、WebPまたはSVGとしてエクスポートでき、非可逆形式には画質スライダーも用意されています。ファイルをダウンロードする代わりに、画像をデータURIとしてコピーしたり、生のSVGマークアップをコピーしたりすることもでき、ホスティングなしでHTMLやCSSに直接プレースホルダーを埋め込みたいときに便利です。
すべてブラウザ内のキャンバス上で描画されます。アップロード工程は一切ないため、ジェネレーターは即座に動作し、データがサーバーに送信されることはありません。
プレースホルダー画像ジェネレーターの使い方
- 幅と高さをピクセル単位で入力するか、プリセットサイズをクリックします。
- 背景色と文字色を選びます — 入れ替えボタンで反転させることもできます。
- 独自のラベルを入力するか、空欄のままにして寸法(例:「800 × 600」)を表示させます。
- 出力形式を選びます: PNG、JPEG、WebPまたはSVG。必要なら画質も設定します。
- 画像をダウンロードするか、データURIまたはSVGマークアップとしてコピーして直接埋め込みます。