Useful Online Tools
All Tools / Images & Design Image Utility

Placeholder Image Maker

Generate custom-sized SVG and PNG placeholder images with custom colors, text, and dimensions.

Specifications

Dimensions, Colors & Label

Rendered Asset

Live Placeholder Preview

800 × 600
Inline SVG Data URI 
data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 600' width='800' height='600'%3E
  %3Crect width='800' height='600' fill='%231e293b' /%3E
  %3Cline x1='0' y1='0' x2='800' y2='600' stroke='%237de2d1' stroke-opacity='0.18' stroke-width='2' /%3E
  %3Cline x1='800' y1='0' x2='0' y2='600' stroke='%237de2d1' stroke-opacity='0.18' stroke-width='2' /%3E
  %3Crect x='2' y='2' width='796' height='596' fill='none' stroke='%237de2d1' stroke-opacity='0.35' stroke-width='4' /%3E
  %3Crect x='160' y='228' width='480' height='144' rx='8' fill='%231e293b' fill-opacity='0.88' /%3E
  %3Ctext x='50%25' y='50%25' dominant-baseline='middle' text-anchor='middle' fill='%237de2d1' font-family='system-ui, -apple-system, sans-serif' font-weight='700' font-size='42px'%3E800 × 600%3C/text%3E
%3C/svg%3E
HTML <img> Snippet 
<img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 600' width='800' height='600'%3E
  %3Crect width='800' height='600' fill='%231e293b' /%3E
  %3Cline x1='0' y1='0' x2='800' y2='600' stroke='%237de2d1' stroke-opacity='0.18' stroke-width='2' /%3E
  %3Cline x1='800' y1='0' x2='0' y2='600' stroke='%237de2d1' stroke-opacity='0.18' stroke-width='2' /%3E
  %3Crect x='2' y='2' width='796' height='596' fill='none' stroke='%237de2d1' stroke-opacity='0.35' stroke-width='4' /%3E
  %3Crect x='160' y='228' width='480' height='144' rx='8' fill='%231e293b' fill-opacity='0.88' /%3E
  %3Ctext x='50%25' y='50%25' dominant-baseline='middle' text-anchor='middle' fill='%237de2d1' font-family='system-ui, -apple-system, sans-serif' font-weight='700' font-size='42px'%3E800 × 600%3C/text%3E
%3C/svg%3E" width="800" height="600" alt="800 × 600" />

Related in Images & Design

More tools in this category

View all tools →

Color Palette

Convert between HEX, RGB, HSL, and HWB color formats and verify WCAG contrast ratios.

Image Converter

Convert images between PNG, JPG, and WebP formats locally with adjustable quality.

Image Resizer

Resize images by exact pixel dimensions or percentage scale while preserving aspect ratio.

Image Cropper

Crop, rotate, and flip images using common aspect ratio presets or freeform selection.