Placeholder Image

使い方

1. 幅と高さをピクセルで設定します（16〜4096）。
2. 2 つのカラーピッカーで背景色と文字色を選びます。
3. テキストを入力します。空欄なら 600 x 400 のようにサイズ表記にフォールバックします。
4. Generate で描画し、Download PNG または下の同等 SVG コードをコピーします。

よくある用途

• ワイヤーフレームとモックアップ —— 本素材の前に、正しいサイズでレイアウトの枠を確保。
• 画像切れのフォールバック —— 1:1 と 16:9 のプレースホルダーを用意して、壊れた埋め込みを差し替え。
• メールテンプレート —— 軽量で正確なサイズの画像でカラム幅を確認。
• 教材 —— 実写を使わずにアスペクト比やクロップの挙動を説明。

よくある質問

Q: PNG と SVG、どちらを使うべき？ A: サムネイル枠のように固定サイズのラスターが必要なら PNG。同じプレースホルダーを多数のサイズでシャープに保ちたいなら SVG。拡縮で劣化せず、テキストとしてはるかに小さくなります。

Q: SVG は PNG と見た目がまったく同じ？ A: どちらも同じ幅・高さ・色・ラベルから生成されるため、サイズ、配色、文字位置は一致します。フォントのグリフ描画はキャンバスのラスタライザと SVG テキストの間でわずかに差が出ることがあります。

Q: フォント変更や枠線の追加はできますか？ A: 生成ファイルは汎用サンセリフ・枠線なしのシンプルな仕様です。コピーした SVG は手で直接編集できます。テキスト要素、塗り色、寸法はすべて通常の属性です。