Skip to content
Codemites
Schedule a Call

Generate a placeholder image

Create placeholder images of any size with custom colours and text, or use presets for banners, avatars and OG images. Download PNG or copy a data URL.

  • Files never leave your device
  • Free, no sign-up
  • No watermark
Loading tool…

About Placeholder Image Generator

Make dummy images for wireframes, mockups, prototypes and development without hunting for stock photos. Set the width and height or choose a preset such as avatar, thumbnail, banner, HD, social square, story or Open Graph image, pick background and text colours, add your own label, and download a PNG or copy a data URL to paste straight into code. It updates in real time and runs in your browser.

How to use Placeholder Image Generator

  1. 1

    Enter width and height or choose a preset.

  2. 2

    Set background colour, text colour and font size.

  3. 3

    Optionally change the label text.

  4. 4

    Download the PNG or copy the data URL.

Why use this tool

  • Any size, with presets for common layouts.
  • Custom colours, text and font size.
  • PNG download or data URL for code.
  • Real-time preview.
  • Generated locally, no external image service.

Frequently asked questions

External services add a network dependency and can disappear. Generated images work offline and never break your mockups.

1200×630 pixels, which is available as a preset.

Yes. Paste it into an img src attribute or a CSS background.

Yes. The default label shows the size, and you can replace it with any text.

Yes. There is no account, no watermark and no usage limit. The tool runs in your own browser, so there is no server cost to charge you for.

Yes. It runs in any modern browser on Android and iOS as well as on Windows, macOS and Linux, with nothing to install.

No. Your images are processed by your own browser and never sent to CodeMites or any other server.

Placeholders are downloaded as PNG files, which keep text and edges sharp.

Related tools

All Image tools →