Images & media

SVG placeholder

Create safe SVG placeholders with custom dimensions, colors, text and Base64 data URLs.

Ready when you are

Input

Result

Using this tool

Create a static SVG placeholder with dimensions and text.

Example

Set 320×180 and the sample text. The ampersand is XML-escaped; a data URL is also available.

Example action and settings

Action: Generate
Width: 320
Height: 180
Text: Demo & test
Font size: 26
Foreground: #333333
Background: #cccccc
Target byte size: On

Input / action

Result / expected behavior

<svg xmlns="http://www.w3.org/2000/svg" width="320" height="180" viewBox="0 0 320 180">
  <rect width="320" height="180" fill="#cccccc"/>
  <text x="50%" y="50%" text-anchor="middle" dominant-baseline="middle" font-family="monospace" font-size="26" fill="#333333">Demo &amp; test</text>
</svg>

Scope and limitations

Dimensions are 1–10000, font size 1–1000; text is limited to 10000 characters and must exclude XML-forbidden characters.

Common mistakes

Colors must be hex, not CSS names; disabling exact size preserves the viewBox rather than changing image contents.

Related tools

QR code generator Base64 file converter

Privacy and browser support

Input is processed in this browser. Do not use real keys or active sensitive credentials as demonstration data. Device features require browser support and your permission.