Placeholder Image Generator
Simple & Fast
Create beautiful placeholder images for your designs
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
- Configure Size
- Choose Colors
- Select Font
- Get Code
🚀 Quick Start
Get started with a basic placeholder image in three simple steps:
- Enter desired dimensions (e.g., 300x200)
- Click "Generate Image" to get the URL
- Copy and use the generated URL in your project
Example: https://ph.loremipsums.org/300x200
⚙️ Advanced Options
| Feature | Description | Example |
|---|---|---|
| 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 |
💡 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
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
🔗 URL Structure
The URL structure follows this pattern:
https://ph.loremipsums.org/[size]/[bg-color]/[text-color]/[format]?text=[text]&font=[font]
Size format:
- Square:
/300(300x300) - Rectangle:
/300x200(width x height)
Examples:
- Square:
/300/FF0000/FFFFFF - Rectangle:
/300x200/FF0000/FFFFFF - Transparent:
/300/transparent/000000 - Custom text & font:
/300?text=Hello&font=Lato
💡 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