SVG Placeholder Generator
Choose a common size or enter custom dimensions, set colors and text alignment, and preview the placeholder. Export the same fixed design as SVG or a raster PNG.
1 to 2,000 pixels per side; at most 4 megapixels.
1 to 2,000 pixels per side; at most 4 megapixels.
8 to 200 pixels.
Up to 80 characters. A blank label becomes the current width × height.
Output limits: 4 megapixels, SVG markup 6,000 characters and data URI 20,000 characters. PNG is rasterized locally at the selected dimensions. Long text is not wrapped and may be clipped.
LIVE PREVIEW
Generated placeholder
The preview uses the same generated data URI shown below. Check text and contrast before using it in a design.
A QUICK WALKTHROUGH
How to use this tool
- Choose a preset or integer dimensions from 1 to 2,000 pixels per side.
- Set colors, font size 8–200 pixels, alignment, a label up to 80 characters and optional diagonals.
- Copy SVG or data URI, or download SVG or PNG after reviewing the preview.
Bounded dummy images
Each side is an integer from 1 to 2,000 pixels, at most 4 megapixels. Labels have at most 80 characters and font sizes are 8–200 pixels. SVG markup is limited to 6,000 characters and the encoded data URI to 20,000. Presets include square, landscape and HD sizes.
Fixed shapes and escaped text
Only a rectangle, text and optional fixed diagonal lines are generated. Labels are XML-escaped; invalid XML characters are replaced. Colors must be six-digit hex values. Arbitrary SVG, external images, scripts and remote fonts are not accepted. System fonts vary by device; text does not wrap and may clip at small sizes.
Local SVG and PNG export
SVG and data URI stay available. PNG uses browser Image decoding and Canvas export at the chosen dimensions and checks the returned image/png type. Input changes invalidate pending exports; temporary image and download URLs are cleaned up. Nothing is uploaded or stored.
GOOD TO KNOW
Common questions
Can I use a one-pixel image?
Yes. Width and height can each be 1–2,000 pixels. Labels or lines may be too small to see.
Is PNG the same as the SVG?
It is a raster rendering of the generated SVG at the selected size, not a vector file. Fonts may differ between browsers.
Can my label insert SVG markup?
No. Ampersands, quotes and angle brackets are escaped and shown as text.