Choose dimensions from presets or enter custom sizes. Customize background color, text color, and overlay text. Download as SVG or PNG, or copy the SVG code directly.
Features
Size Presets — Avatar (128×128), Thumbnail (300×200), Banner (1200×400), OG Image (1200×630), Square (500×500), HD (1920×1080).
Custom Sizing — Enter any width and height in pixels.
Color Customization — Pick background and text colors with color pickers.
SVG & PNG Export — Download as resolution-independent SVG or rasterized PNG.
Copy SVG Code — Grab the SVG markup for inline use in HTML.
Common Use Cases
Wireframing — Add placeholder images to mockups and prototypes.
Development — Use placeholders during development before real images are ready.
Documentation — Show expected image dimensions in design specs.
Email Templates — Create placeholder blocks for template development.
Why Use This Tool
External placeholder services add HTTP requests and dependencies. This tool generates images entirely in your browser — no external calls, no privacy concerns, and they work offline too.