Fast SVG placeholders generated on-the-fly via URL. SVG is tiny, cacheable, and scales perfectly (responsive).
https://img.itisuniqueofficial.com/800x450 https://img.itisuniqueofficial.com/1200x630?text=OG%20Image&bg=111827&fg=ffffff https://img.itisuniqueofficial.com/img?w=320&h=180&text=Thumbnail&pattern=1 https://img.itisuniqueofficial.com/600x600?text=Loading...&bg=f3f4f6
/ | Documentation (this page) |
/docs | Documentation |
/health | Health check (ok) |
/300x200 | Size from path (recommended) |
/img?w=300&h=200 | Size from query |
/svg?w=300&h=200 | Same as /img (alias) |
w width
h height
text label
bg background
fg text color
font system|mono
weight 100..900
fs font-size
lines 1..5
pattern 0|1
nocache 1
<!-- HTML -->
<img src="https://img.itisuniqueofficial.com/1200x630?text=OG%20Image&bg=111827&fg=ffffff" alt="Placeholder" style="max-width:100%;height:auto;" />
<!-- CSS background -->
<div style="width:100%;max-width:640px;aspect-ratio:16/9;background:url('https://img.itisuniqueofficial.com/800x450') center/cover no-repeat;border:1px solid #e5e7eb;border-radius:12px;"></div>
<!-- OG image -->
<meta property="og:image" content="https://img.itisuniqueofficial.com/1200x630?text=OG%20Image&bg=111827&fg=ffffff" />
This preview is responsive: it scales to your screen width while staying sharp.