Placeholder Image Generator

Fill the Gap Before the Real Image Exists

Building a website, app or presentation before the photos are ready? Drop in a placeholder that shows its exact size, so everyone knows which image goes where. Pick from social, website and ad sizes, choose a clean style, and download it, or copy a placeholder link that works straight in your HTML or CSS.

How to Use This Tool

1. 1Pick a sizeType any width and height up to 4000 px, or tap a preset: link preview, Instagram, YouTube thumbnail, hero, ad sizes and more.
2. 2Choose a style and coloursPlain, gradient, wireframe, stripes, grid or dots, with ready colour sets or your own.
3. 3Add text (optional)By default it shows the size and aspect ratio, so it is obvious which image goes where.
4. 4Download or copy the URLSave as PNG, JPG, WebP or SVG, several sizes as a ZIP, or copy an image link for your code.

Good to Know

• Developers can use the image URL directly, for example kravoy.com/placeholder/600x400 or kravoy.com/placeholder/1200x630.png?bg=1f2937&fg=ffffff&text=Hello. The same link always gives the same image.
• SVG placeholders are tiny (well under 1 KB) and stay sharp at any size, which makes them ideal for wireframes and prototypes.
• The Wireframe style draws the classic crossed box that designers use to mark where a photo will go.
• The 1200 × 630 preset is the standard link-preview (Open Graph) size used by WhatsApp, Facebook, LinkedIn and X.
• Downloads are made in your browser, so they work even if you go offline after the page loads.

Frequently Asked Questions