Skip to main content

Placeholder Image Generator

v1.0.1

Generate SVG placeholder images in any size and colour for use during development.

Generates SVG placeholder images in any size and colour for use during development — produce a <img> tag or direct URL for a 400×300 grey box or any custom dimensions and colour.

How to use
  • Set width, height, background colour, text colour, and optional label text.
  • Copy the SVG data URL or img tag directly into your HTML or Markdown.
  • Use custom colours to match your mockup's layout zones.
#cccccc
#666666
Preview

Hit Generate to preview