Placeholder Image Generator

Generate SVG placeholder images with various patterns and styles. Perfect for mockups, wireframes, and development. No external resources needed.

Features

Multiple pattern stylesPreset and custom sizesColor customizationSVG, Data URL, IMG tag exportLightweight (~1KB)No external dependencies

Width

Height

Pattern Style

Background

Text

Color Presets

Custom Text

Show dimensions when no custom text

Tips:

<img src="data:image/svg+xml;base64," alt="Placeholder" width="800" height="600" />

.placeholder {
  background-image: url("data:image/svg+xml,");
  background-size: cover;
  width: 800px;
  height: 600px;
}

<img 
  src="data:image/svg+xml;base64,"
  alt="Placeholder"
  width={800}
  height={600}
  loading="lazy"
/>