🖼️ プレースホルダー画像生成ツール

プレースホルダー画像生成ツールについて

このプレースホルダー画像生成ツールは、ワイヤーフレーム・プロトタイプ・レイアウトテスト用のサンプル画像を作成します。幅と高さを設定し、背景色と文字色を選び、オプションでラベルを入力して、結果を PNG または SVG でダウンロードできます。すべて Canvas API によりブラウザ内でローカル描画されます。

よくある用途

• ワイヤーフレーム・モックアップ —— 最終アセットが揃う前にデザインカンプへプレースホルダー画像を配置。
• プロトタイプ —— ピクセル寸法ぴったりの画像でレスポンシブレイアウトをテスト。
• 開発時 —— UI 構築中のユーザーアップロード枠の代理として。
• プレゼン —— ストックフォトを探す手間なく、画像スロットを素早く埋める。

使い方

1. 幅と高さのスライダーをドラッグして画像サイズを設定。
2. カラーピッカーで背景色と文字色を選びます。
3. 必要に応じて重ねるテキストを入力——空欄ならサイズが自動表示されます。
4. フォントサイズを調整します。
5. PNG をダウンロードまたはSVG をダウンロードをクリック。インライン利用なら Data URL をコピー。

よくある質問

最大サイズは？ スライダーで最大 2000×2000 ピクセルまで指定可能。PNG ダウンロードは Canvas から指定ピクセル寸法で生成されます。

PNG と SVG の違いは？ PNG はラスター画像——写真やスクリーンショットに最適。SVG はベクター画像——拡縮しても劣化せず、高 DPI モックアップに最適です。

テキストは常に中央配置ですか？ はい。重ねるテキストは水平・垂直方向とも中央に配置され、テキスト欄が空の場合はサイズが表示されます。