Placeholder Image Generator

Custom-size dummy images with text, colours, gradients & fonts.

A free online placeholder image generator for mockups, wireframes and dev/design workflows. Pick a custom width and height — or a ready-made social media, ad-banner or web preset — choose a solid colour or gradient background, add your own label text with a font, weight and colour (or let it auto-fill with the exact dimensions), and export as PNG, JPEG, WebP or SVG. Everything renders on a canvas in your browser, so nothing is ever uploaded.

Placeholder Image Generator features

How to use Placeholder Image Generator

  1. Pick a size

    Type a custom width and height in pixels, or choose a ready-made social media, ad-banner or web preset from the dropdown.

  2. Choose a background

    Set a solid colour or a 2-colour gradient with an adjustable angle, or turn on a transparent background for PNG/WebP/SVG.

  3. Add label text

    Type custom text, or leave it blank to auto-fill with the image's dimensions — pick a font, bold weight and text colour, or let auto-contrast choose for you.

  4. Export & download

    Choose PNG, JPEG, WebP or SVG and download — every format is encoded at a high fixed quality automatically, or copy the PNG straight to your clipboard.

Frequently asked questions

What is a placeholder image generator used for?

A placeholder (or dummy) image generator creates a stand-in image of an exact size — with a background colour and optional label — for use in mockups, wireframes, CMS entries, and dev/testing workflows before the final image is ready.

Can I set a custom width and height?

Yes — type any width and height in pixels (16 to 4000px), or pick one of the built-in presets covering social media posts and stories, IAB ad-banner sizes, common web/wireframe sizes and square avatars.

What image formats can I download?

PNG, JPEG, WebP and scalable SVG. PNG, WebP and SVG support a transparent background; JPEG is always opaque. JPEG and WebP are always encoded at a high fixed quality, so every download is crisp with no extra settings to tune.

Can I add custom text to the placeholder?

Yes — type any label you like, choose a font, bold weight and colour (or turn on auto-contrast so the text colour is chosen automatically for readability). Leave the text box empty and it auto-fills with the image's exact dimensions, e.g. '1080 × 1080'.

Does it support gradient backgrounds?

Yes — switch Background to Gradient, pick two colours and an angle, and both the PNG/JPEG/WebP export and the SVG export use the same gradient.

Is this placeholder image generator free, with no watermark?

Yes — completely free, no sign-up, no usage limit and no watermark. Every image is rendered on a <canvas> in your browser, so nothing you generate is ever uploaded to a server.

What sizes are the built-in presets?

Social presets include Instagram post (1080×1080), story (1080×1920) and YouTube thumbnail (1280×720); ad-banner presets follow IAB standards like the 300×250 medium rectangle and 728×90 leaderboard; web presets include 1920×1080 Full HD and common mobile/tablet sizes.

Can I get an SVG placeholder instead of a raster image?

Yes — choose SVG as the export format. It's a lightweight, infinitely scalable vector file with the same background, gradient and text you configured, ideal for responsive mockups.

Related tools — Media tools