Placeholder Image Generator

Instantly generate custom placeholder images (SVG or Data URI) for your mockups and web designs.

Width Height Background Color Text Color Custom Text

Font Size

24px

Output Format SVG Data URI

Preview

Generated Code

<svg xmlns="http://www.w3.org/2000/svg" width="400" height="300">
  <rect width="100%" height="100%" fill="#cccccc"/>
  <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle" fill="#333333" font-family="sans-serif" font-size="24">400 × 300</text>
</svg>

About

Customizable width, height, background color, text color, and custom text
Instantly generates an SVG or Base64 Data URI
No external network requests, generated entirely in the browser
Ready to copy and paste directly into your img tags or CSS

Related Tools