コード、データと QRツール

SVG プレースホルダー生成器

既定または独自サイズ、色と文字配置を選び、画像を確認します。同じ固定デザインをSVGまたはPNGとして出力します。

ブラウザ内で処理登録不要プライバシーの説明 ↗

各辺1~2,000ピクセル、最大400万画素。

各辺1~2,000ピクセル、最大400万画素。

8~200ピクセル。

最大80文字。空欄の場合は現在の幅×高さがラベルになります。

上限:400万画素、SVGマークアップ6,000文字、データURI20,000文字。PNGは選んだ寸法でローカル描画します。長い文字は折り返さず、切れる場合があります。

ライブプレビュー

生成されたプレースホルダー

生成されたSVGプレースホルダーのプレビュー

下のプレビューでは同じデータURIを使用します。デザインに使う前にテキストとコントラストを確認してください。

使い方

使い方

  1. サイズ設定か各辺1~2,000ピクセルの整数を選びます。
  2. 色、文字サイズ8~200、配置、最大80文字のラベルと任意の対角線を設定します。
  3. 確認後にSVGやデータURIをコピーするか、SVGやPNGを保存します。

上限のあるダミー画像

各辺1~2,000の整数で最大400万画素です。ラベルは80文字、文字サイズ8~200です。SVGは6,000文字、エンコードしたデータURIは20,000文字まで。正方形、横長、HD設定があります。

固定形状と文字の保護

矩形、文字、任意の固定対角線のみ作ります。文字はXMLエスケープし、無効なXML文字は置換します。色は6桁の16進値です。任意のSVG、外部画像、スクリプトや外部フォントは使えません。システムフォントは環境で異なり、文字は折り返さず、小さいサイズで切れる場合があります。

ローカル出力

SVGとデータURIを維持します。PNGはブラウザーのImageでデコードしCanvasから指定寸法で出力、image/png形式を確認します。入力変更で処理中の出力を無効にし、一時画像と保存URLを解放します。アップロードや保存記録はありません。

よくある質問

あわせて知りたいこと

1ピクセルにできますか?

はい。各辺1~2,000です。文字や線が小さく見えない場合があります。

PNGはSVGと同じですか?

生成SVGの指定寸法でのラスター画像で、ベクターではありません。ブラウザーで字体が変わる場合があります。

ラベルにSVGを挿入できますか?

いいえ。&、引用符、山括弧はエスケープして文字として表示します。