Super Boring Tools

Search tools

Find a tool by name or what it does.

Placeholder Image Generator

Generate a placeholder image at any size or preset, with custom colors, a label, and PNG, JPEG, WebP, or SVG export.

Preview
Rendering…
PNG
Size
Colors
Background
Text

Auto keeps the text readable against the background. Pick a color to override it.

Label

Format

Retina @2xRender at double the pixel size for sharp high-DPI screens.

Generated in your browser. Nothing is uploaded.

How to make a placeholder image online

  1. Set the size

    Enter the width and height in pixels, keep the 600 by 400 default, or tap a preset like Avatar, Hero, or a common ad unit. The preview redraws the moment a value changes.

  2. Choose colors and a label

    Pick a background and text color, or leave the text to auto-contrast, then type a label. The label shows the current dimensions until you replace it.

  3. Pick a format and download

    Choose PNG, JPEG, WebP, or SVG, set the quality for JPEG or WebP or turn on retina 2x if you need it, then download the file named for its size.

Why use this tool

Any size or a preset

Set any width and height in pixels, or start from a preset for avatars, social posts, video thumbnails, and standard ad units. The label text scales automatically to fit.

Custom colors and label

Set the background and text color by hex or swatch, or leave the text to auto-contrast against the background. Write your own label or let it show the dimensions.

PNG, JPEG, WebP, or SVG

Save a lossless PNG, a smaller JPEG or WebP with adjustable quality, or an SVG that stays sharp at any scale and weighs only a few hundred bytes. A retina 2x option doubles the pixel size for high-DPI screens.

No placeholder service to depend on

Nothing links out to a third-party placeholder host, so your mockups keep working offline and cannot break when someone else's service disappears.

Live preview

The placeholder redraws as you type, shown over a checkered backdrop, so the download always matches exactly what you see.

Nothing leaves your browser

Every image is generated on your device and never uploaded, which keeps it fast and works with no connection at all.

About this tool

A placeholder image is a solid block of color with a label, used to fill a layout before the real photos and graphics are ready. Designers and developers reach for them constantly: to rough out a card grid, to check how a hero section breathes, or to stand in for an avatar or product shot in a mockup. This generator makes one to your exact dimensions, with a background color, a text color, and a label that shows the size by default so you can tell the boxes apart at a glance. One-tap presets cover the shapes you reach for most, from avatars and social posts to video thumbnails and standard ad units.

The usual shortcut is to hotlink a placeholder from a public service, but that quietly ties your work to someone else's uptime. The request goes out over the network, the mockup breaks the moment you are offline, and if that service ever shuts down every layout that pointed at it goes blank. Generating the image locally avoids all of that. You get a real file you own, and you choose the format: a lossless PNG, a smaller JPEG or WebP with adjustable quality, or an SVG that stays crisp at any scale and stays tiny, plus a retina 2x option when a raster needs to look sharp on high-DPI screens. If you already have artwork to size instead, the image resizer handles that, and SVG to PNG turns a vector into pixels when you need them.

Everything runs on your device, so nothing is uploaded and the tool keeps working with no connection at all. Reach for a placeholder while wireframing, then swap in the finished asset later, shrinking it first with the image compressor if it needs to be lighter for the web.

Frequently asked questions

What sizes can I create?
Any width and height in pixels, from a 16 by 16 icon to a large banner, with a 600 by 400 default and one-tap presets for avatars, social posts, video thumbnails, and ad units. Raster output (PNG, JPEG, WebP) is capped at 8192 pixels per side and about 24 megapixels in total, the browser rendering limit, and larger requests are scaled down with a note. SVG has no such cap because it is drawn as a vector.
Which format should I download?
Pick PNG for a lossless raster that any upload field accepts, JPEG or WebP when you want a smaller file and can trade a little quality, or SVG for a file that stays perfectly sharp at any scale and is only a few hundred bytes. JPEG and WebP add a quality slider, and a retina 2x option doubles the pixel size of any raster for high-DPI screens.
Can I change the label and the colors?
Yes. Set the background and text color with a hex field or the native color swatch, and the text auto-contrasts against the background until you override it. The label defaults to the current dimensions and updates as you resize, until you type your own text.
Does it rely on an outside placeholder service?
No. The image is built entirely on your device, so there is no third-party host to hotlink and nothing that can go down or disappear. Your mockups keep working offline and will not break later because someone else's service changed.
Is anything uploaded?
No. The generator runs in your browser and never sends anything to a server. You can use it offline, and the placeholder you download is a plain image file with no tracking or external references.

Related tools