images video

SVG Placeholder Generator

Generate lightweight SVG image placeholders with custom size, colors, and text.

Caches after visit

WidthHeightBackground colorText colorText

Preview

SVG markup

<svg xmlns="http://www.w3.org/2000/svg" width="800" height="400" viewBox="0 0 800 400" role="img" aria-label="800x400"><rect width="100%" height="100%" fill="#e5e7eb"/><text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle" fill="#111827" font-family="system-ui, sans-serif" font-size="48">800x400</text></svg>

Data URI

data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22800%22%20height%3D%22400%22%20viewBox%3D%220%200%20800%20400%22%20role%3D%22img%22%20aria-label%3D%22800x400%22%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22%23e5e7eb%22%2F%3E%3Ctext%20x%3D%2250%25%22%20y%3D%2250%25%22%20dominant-baseline%3D%22middle%22%20text-anchor%3D%22middle%22%20fill%3D%22%23111827%22%20font-family%3D%22system-ui%2C%20sans-serif%22%20font-size%3D%2248%22%3E800x400%3C%2Ftext%3E%3C%2Fsvg%3E