EN
PortuguêsEnglishEspañol
All tools
Developer tools 100% free

Placeholder image generator

Create sample (placeholder) images in any size, with a background color, text and PNG, JPG, WEBP or SVG format, for layouts and prototypes.

How to use

Thank you so much for helping!

Every donation helps pay for the servers and keeps the tools free for everyone. Pick or type an amount:

Secure payment by Stripe. Opens in a new tab.

Back to CSS and design

Placeholder image in any size

Placeholder image preview

Available in: PortuguêsEspañolEnglish

Advertisement

Placeholder image generator: what it is for

Set the width, height, colors and text to create a temporary image instantly, with shortcuts for post, story, Open Graph, YouTube and banner sizes. Download the file or copy it as a data URL to paste right into your code.

The image is generated in the browser, with no external server.

How to use

  1. Choose the size or a shortcut.
  2. Adjust colors, text and format.
  3. Download or copy the image.

When to use it

  • Reserving photo space in prototypes.
  • Testing responsive layouts.
  • Creating test images for uploads.

Frequently asked questions

What is a placeholder image?

It is a temporary image, usually with its dimensions written in the middle, used to reserve the space for a photo in layouts, prototypes and sites under construction.

Which format should I use?

SVG is the lightest and stays sharp on any screen. PNG and JPG work for tools that do not accept SVG, and WEBP for testing how real images load.

Is it really free?

Yes, 100% free. No sign-up, no subscription and no usage limits. All Tools123 tools are free and run right in your browser.

Similar tools

The tools are provided as is, without warranty. We are not responsible for the results or for how they are used.