Placeholder Image Generator

Generate custom placeholder images with text, colors, and dimensions.

Settings
28px
Preview
All examples use BASE_URL — set it to your deployment URL, e.g. https://winnieapi-v2.yourdomain.com
GET/api/placeholder/:width/:height
Generate a placeholder image (SVG). Supports query params: bg, fg, text, fontSize.
// Returns an SVG image directly — use as an <img> src // Basic usage: <img src="${BASE_URL}/api/placeholder/400/300" /> // Custom colors & text: <img src="${BASE_URL}/api/placeholder/800/400?bg=1a1a25&fg=6c63ff&text=Hero+Image&fontSize=36" /> // Fetch as SVG text: const res = await fetch(`${BASE_URL}/api/placeholder/200/200?text=Avatar`); const svg = await res.text(); // → <svg xmlns=...>...</svg>