OpenPlaceholder

Simple, self-hostable placeholder image generator for web pages, prototypes, docs, and social previews

How to Use

Basic Usage

https://openplaceholder.com/[width]x[height]

Replace [width] and [height] with your desired dimensions

Square Images

https://openplaceholder.com/[size]

Single value creates a square image

Custom Text

https://openplaceholder.com/[width]x[height]/[text]

Add custom text after dimensions (URL encode special characters)

Pattern Backgrounds

https://openplaceholder.com/[width]x[height]?pattern=grid

Use grid, dots, stripes, or none. None is the default.

Examples

Basic Rectangle

Specify width and height

/600x400
Basic Rectangle

Square Format

Single value creates a square

/256
Square Format

Custom Text

Add custom text instead of dimensions

/600x300/Hello%20World
Custom Text

Large Banner

Perfect for hero sections

/1200x400/Coming%20Soon
Large Banner

Pattern Background

Add grid, dots, or stripes with ?pattern=

/600x300/Polished?pattern=grid
Pattern Background

Features

  • ✓Dynamic image generation up to 4000x4000 pixels
  • ✓Custom text support with automatic font sizing
  • ✓Optional grid, dots, and stripes pattern backgrounds
  • ✓Edge runtime for fast global performance
  • ✓CDN-friendly with immutable cache headers
  • ✓Clean, minimalist design with Geist font
  • ✓Open source and self-hostable

Deploy Your Own

Get your own placeholder image service in seconds

Deploy with Vercel

Made with ♥ by Akshit Kr Nagpal