piapia123
en

Placeholder Image Generator

Images

Everything runs locally in your browser — nothing is uploaded

Generate a grey image with its size written on it, holding the place where an 800×600 picture will eventually go. The default is SVG — vector, a few dozen bytes, sharp at any size, and usable directly as a CSS `background-image` with no file to save. Switch to PNG or JPEG for design tools and chat apps (those two add diagonal cross lines, so nobody mistakes it for a blank where an image failed to load). The size is printed on the image by default, so pasting it into a mockup shows exactly how large the real image should be.

Features

  • Any size from 1 to 4000 pixels, 800×600 by default
  • SVG by default: vector, a few dozen bytes, sharp when scaled
  • PNG and JPEG include diagonal cross lines so the placeholder is obvious
  • The size is printed on the image, or use your own text
  • Four backgrounds: warm grey, white, mid grey, dark
  • Shows the dimensions and file size, ready to download

How to use

  1. Enter the width and height
  2. Optionally change the text, format and background
  3. The placeholder appears as you type
  4. Click Download to save it

FAQ

Why SVG by default?
Because a placeholder is usually dropped into a page or mockup to hold a spot: SVG is a few dozen bytes, stays sharp at any size, and works directly as a CSS background-image. Switch to PNG when something cannot take SVG (some chat apps, older design tools).
Can I remove the cross lines from the PNG?
They are deliberate: the worst outcome for a placeholder is being read as "a blank where the image failed". Two faint diagonals make it unmistakable that the placeholder is intentional. For a flat block, use the SVG format — it has no cross lines.
Can I use it directly on a web page?
Yes. Save the SVG, or inline its contents in CSS (`background-image: url("data:image/svg+xml,...")`) — the latter needs no file at all, and a few dozen inlined bytes are far smaller than an image request.
Are my dimensions uploaded?
No. The whole image is drawn in the browser and the page sends no requests.

Related tools