Image Placeholder Generator

Generate SVG placeholder images in-browser. Pick a size, pattern, and colors — then copy or download.

Size Presets
Width (px)
Height (px)
Colors
Background
Text Color
Text
Custom TextLeave blank to use WxH
Font Size (px)
Pattern
Preview
200×200px383 bytes
200×200
Output
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200">
<rect width="200" height="200" fill="#1e1e2e"/>
  <text
    x="100"
    y="100"
    dominant-baseline="middle"
    text-anchor="middle"
    fill="#a0aec0"
    font-size="24"
    font-family="system-ui, -apple-system, sans-serif"
    font-weight="500"
    opacity="0.85"
  >200×200</text>
</svg>
Quick copy