ScaleWhite Tools

Placeholder Image Generator

Generate dummy images with custom size, color, and text in SVG/PNG.

Size (Width × Height)
×px

Presets

If empty, the dimensions (W×H) will be displayed

Preview

300×200

What is this tool?

This tool generates placeholder (dummy) images in your browser for use in web design and mockups. You can customize the size, background color, text color, and display text, and download as SVG or PNG. Everything runs in your browser — no external service required.

How to Use

  1. Enter width and height or select from presets.
  2. Choose background and text colors using the color picker or HEX codes.
  3. Enter display text (dimensions are shown if left empty).
  4. Check the preview and download as SVG/PNG or copy the SVG code.

Examples

  • Create an OGP-sized (1200×630) dummy image for your mockup.
  • Embed placeholders in wireframe image areas.
  • Share a social media banner-sized dummy image with your team.