SVG Placeholder

使い方

1. 幅と高さをピクセルで設定します（16〜4096）。
2. 背景色と文字色を選び、ラベルを入力して角丸を指定します。
3. 入力するたびにプレビューと SVG コードが更新されます。
4. Copy でコードを取得するか、Download で .svg として保存します。

よくある用途

• ワイヤーフレーム・モックアップ — 実素材が揃う前に正しいサイズの箱をレイアウトに配置。
• ローカル開発 — オフラインや閉域網でも外部プレースホルダーサービスに依存しない。
• デザイン仕様 — 拡大してもぼやけない、正しい比率のプレースホルダーを開発者に引き渡す。
• メール・印刷ドラフト — 画像スロットをベクターで仮置きし、拡大しても鮮明。

よくある質問

Q: 生成される SVG は外部フォントに依存しますか？ A: 汎用のサンセリフ・スタックを使用するため、ラベルは各環境のシステムフォントで描画されます。完全に同一の見た目が必要なら、デザインツールで文字をアウトライン化してください。

Q: ラベルに HTML や改行は使えますか？ A: いいえ。ラベルはエスケープされるため、山括弧や & はそのまま表示されます。短い 1 行にとどめてください。あくまでプレースホルダーです。

Q: 上限が 4096 ピクセルなのは？ A: プレースホルダーに巨大サイズは不要で、上限はプレビューとコードを合理的に保つためです。小さめに生成して拡大しても鮮明です。