Image Placeholder Generator

A URL-driven placeholder service for mockups, storybook fixtures, and responsive layout testing. Call the endpoint directly from <img src> or background-image; the server renders on demand, writes the result to disk, and serves subsequent requests from cache. Supports raster (PNG/JPEG/WebP) and scalable SVG output with optional grid, dot, diagonal, and checker overlays.

← Back to Tools

Preset size
Pattern
Format
Preview
Download Open in new tab
AI instructions — paste into Claude / Cursor / ChatGPT
URL template — replace the highlighted tokens 
https://anhtu.dev/tool/ph/WIDTHxHEIGHT/BG_COLOR/FG_COLOR?text=YOUR_TEXT&pattern=PATTERN&format=FORMAT&showDims=SHOW_DIMS
  • WIDTHxHEIGHT — required; 600x400, or just 600 for a square. Range 16–4096.
  • BG_COLOR — optional; hex (ff0000, f00) or name (orange, slate)
  • FG_COLOR — optional; text / pattern color, same format as BG
  • YOUR_TEXT — optional, up to 100 chars, URL-encoded; omit to show dimensions
  • PATTERN — solid, grid, dots, diagonal, checker
  • FORMAT — png, svg, webp, jpg; or append .svg to the size segment
  • SHOW_DIMS — optional; 1 (default) hiển thị kích thước, 0 để ẩn nhãn W × H
HTML <img> with responsive srcset
CSS background-image
Markdown