Placeholder Image Generator

Generate placeholder images instantly for your prototypes and designs.

Presets

Width (px)

Height (px)

Background

Text Color

Custom Text (optional)

Format

Preview

Use in Your Project

Direct URL

https://placehold.co/400x300/3b82f6/ffffff.png?text=400%EF%BF%BD300

HTML

<img src="https://placehold.co/400x300/3b82f6/ffffff.png?text=400%EF%BF%BD300" alt="400x300 placeholder" width="400" height="300" />

CSS

background-image: url("https://placehold.co/400x300/3b82f6/ffffff.png?text=400%EF%BF%BD300");

Markdown

![400x300](https://placehold.co/400x300/3b82f6/ffffff.png?text=400%EF%BF%BD300)