What formats can I download?

PNG (raster) and SVG (vector). SVG files are tiny and scale perfectly to any size. PNG is best for embedding directly in web pages.

What are the preset sizes?

OG Image (1200×630), 1080p (1920×1080), 800×600, 400×300, Avatar (150×150), Leaderboard Ad (728×90), Rectangle Ad (300×250), and Instagram (1080×1080).

Can I use the data URI in CSS?

Yes. Copy the data URI and use it as a background-image in CSS: background-image: url(data:image/png;base64,...). This embeds the image directly without an HTTP request.

Is anything uploaded to a server?

No. Images are generated entirely in your browser using the Canvas API. Nothing is transmitted.

ToolZip

Placeholder Image Generator

Generate custom placeholder images with configurable dimensions, colors, text, and font size. Download as PNG or SVG. Copy the data URI or an HTML <img> tag for instant embedding. Includes presets for common sizes like OG images, social media, and ad banners.

Presets

Width (px)

Height (px)

Background

Text Color

Custom Text

Font Size

How to Use

Set width and height (or pick a preset like OG Image or Instagram), choose background and text colors, optionally enter custom text, and the preview updates live. Download as PNG or SVG, or copy the data URI to embed directly in HTML or CSS.

Common Use Cases

Mock up designs before real images are ready. Fill wireframes and prototypes. Generate correctly sized images for testing responsive layouts. Create OG image placeholders during development.

Frequently Asked Questions

Related Tools

QR Code Generator

Generate QR codes for URLs, text, Wi-Fi & more — download as PNG/SVG

Image Format Converter

Convert PNG, JPG, WebP & AVIF — 100% client-side, no upload

Color Converter

Convert HEX, RGB, HSL, CMYK with contrast checker & palette generator