Home › Catalog › Placeholder Tool › Why Forge Placeholder
Placeholder.com and via.placeholder.com defined the URL grammar for dummy images — and for years that was enough. Forge Placeholder speaks the same grammar so you can flip your image source with a single search-and-replace, and then keeps going: avatars, gradients, patterns, and seedable random images, all from one endpoint.
| Feature | Forge Placeholder | Placeholder.com |
|---|---|---|
Compatible URL grammar (/600x400/bg/fg?text=...) | ✓ | ✓ |
| Solid color | ✓ | ✓ |
| Custom text overlay | ✓ | ✓ |
| Avatars (initials, deterministic color from name hash, rounded) | ✓ | × |
| Gradients at any angle | ✓ | × |
| Patterns (stripes / dots / checker / grid) | ✓ | × |
| Seedable random images | ✓ | × |
| PNG / JPG / WebP output | ✓ all three | PNG by default; JPG via path tweak |
| Max size | 4096 px per side (avatar 1024) | limited |
| Named palette colors | ✓ 24 names via /placeholder/colors | × |
| Cost | $0, no signup, 60 req/min/IP | $0 |
If you already have https://via.placeholder.com/600x400/0066cc/ffffff?text=Hello sprinkled through your mockups, swap the host and keep going:
https://forge-node.tail2b516d.ts.net/placeholder/600x400/0066cc/ffffff?text=Hello
Same shape, same parameters, same default colors when omitted. Migration is a search-and-replace.
The single biggest missing feature in placeholder.com is initials avatars. The Forge endpoint computes initials from a name, picks a stable background color by hashing the name, and rounds the corners:
https://forge-node.tail2b516d.ts.net/placeholder/avatar?name=Pepper%20Potts&size=200
Same name renders the same avatar every time. Useful for user lists, comment threads, and any UI prototype where you want the "ui-avatars" look without yet another third-party service.
placeholder.com gives you solid colors. Forge Placeholder generates gradients with any start color, end color, and angle in degrees. The gradient is rendered with numpy under the hood, so even large gradients stay fast.
https://forge-node.tail2b516d.ts.net/placeholder/gradient/1200x630/0066cc/ff7b72?angle=45
Drop one of those into a hero section while you wait for the real image.
Stripes, dots, checker, or grid in any two colors. Or call /placeholder/random?seed=... for a stable random-looking image: same seed renders the same image, useful for keeping screenshots stable across documentation builds.
Want a smaller file? Append ?format=webp for WebP, ?format=jpg for JPEG, or stick with the default PNG. The same URL surface, three different bytes-on-the-wire stories.
/placeholder/random?seed=... so visual regression tests get the same "random" image every time.via.placeholder.com references in old docs with a working compatible host./placeholder/gradient/1200x630/... covers the bare-minimum OG card while the real designer is asleep.Yes. No signup, no API key. Rate-limited at 60 requests per minute per IP. Cache-Control headers set to one hour so CDNs and browsers can cache aggressively.
16 to 4096 pixels per side for solid, gradient, pattern, and random. 16 to 1024 for avatars (any larger and the initials get silly). Aspect ratios are arbitrary.
GET /placeholder/colors returns 24 palette names (slate, sky, rose, etc.). Use a name in any color slot: /placeholder/600x400/slate/white.
The endpoint is free and unauthenticated, so we cannot promise an SLA. For low-stakes use — prototypes, internal tools, mockups — it is comfortable. For customer-facing production traffic, mirror the assets you actually need into your own CDN.
Try the Placeholder tool, or browse the full free API catalog for 15 more developer APIs.