Lorem Ipsum Generator
Lorem Ipsum Generator
Dark Mode
Language
English
Simple & Fast

Placeholder Image Generator

Create beautiful placeholder images for your designs

Dimensions
px
Colors
Text & Font
Image format

WebP offers better compression

Preview
300x200
Usage
https://ph.loremipsums.org/300x200/CCCCCC/333333/svg
<img src="https://ph.loremipsums.org/300x200/CCCCCC/333333/svg" alt="Placeholder" />

How to Use

Get started with a basic placeholder image in three simple steps:

Quick Start

  • Enter desired dimensions (e.g., 300x200)
  • Click "Generate Image" to get the URL
  • Copy and use the generated URL in your project

Tips & Tricks

  • Use preset sizes for common dimensions
  • Remove # from hex colors in URLs
  • Use + instead of spaces in custom text
  • Preview updates in real-time

Advanced Options

FeatureDescriptionExample
Custom Colors Add background/text colors using hex codes /300x200/CCCCCC/333333
Custom Text Add your own text to the placeholder ?text=Hello+World
Font Selection Choose from various web-safe and Google fonts &font=Inter

The URL structure follows this pattern:

https://ph.loremipsums.org/[size]/[bg-color]/[text-color]/[format]?text=[text]&font=[font]

Size format

  • Square: /300 (300×300)
  • Rectangle: /300x200 (width × height)

Examples

  • Square: /300/FF0000/FFFFFF
  • Rectangle: /300x200/FF0000/FFFFFF
  • Transparent background: /300/transparent/000000
  • Custom text & font: /300?text=Hello&font=Lato

Frequently Asked Questions

Supported Image Formats

We support the following image formats:

  • SVG — Vector format, perfect for responsive design (default)
  • PNG — Lossless compression with transparency support
  • JPG — Efficient lossy compression for photographs
  • WebP — Modern format with superior compression
  • GIF — Basic format with limited color palette
Customization Options

You can customize your placeholder images with:

  • Dimensions — Any width and height up to 2000px
  • Colors — Custom background and text colors using hex codes
  • Text — Your own custom text message
  • Fonts — Choose from popular Google Fonts
  • Transparency — Optional transparent background
Best Practices
  • Use SVG for scalability — Perfect for responsive designs
  • Choose WebP for photos — Better compression than JPG/PNG
  • Enable transparency — When you need to match various backgrounds
  • Keep text short — For better readability on smaller images
  • Cache images — URLs are stable and cacheable
Limitations
  • Maximum image dimensions: 2000x2000 pixels
  • Text length affects font size automatically
  • Some fonts may not support all characters
  • Color values must be valid hex codes
  • Image generation time may vary with size and format

More free tools

Image, text and test-data generators that run right in your browser.

Free Image Tools

Free Text Tools

Free Dev Tools