A complete reference for standard placeholder image dimensions. Find the right size for your website hero, blog post, product listing, social media post, avatar, video thumbnail, or ad banner — with ready-to-use placeholder URLs.
| Dimensions | Use Case | Ratio | Placeholder URL |
|---|---|---|---|
| 300x300 | Product Square | 1:1 |
| Dimensions | Use Case | Ratio | Placeholder URL |
|---|---|---|---|
| 400x400 | Feed Image | 1:1 | |
| 1200x630 | OG Image / Facebook | 1.91:1 | |
| 1080x1920 | Story / Reel | 9:16 |
| Dimensions | Use Case | Ratio | Placeholder URL |
|---|---|---|---|
| 512x512 | App Icon / OG Square | 1:1 | |
| 1024x1024 | High-res Square | 1:1 |
| Dimensions | Use Case | Ratio | Placeholder URL |
|---|---|---|---|
| 600x400 | Blog Cover | 3:2 |
| Dimensions | Use Case | Ratio | Placeholder URL |
|---|---|---|---|
| 1280x720 | HD Video / YouTube | 16:9 |
| Dimensions | Use Case | Ratio | Placeholder URL |
|---|---|---|---|
| 1920x1080 | Full HD Hero | 16:9 |
| Dimensions | Use Case | Ratio | Placeholder URL |
|---|---|---|---|
| 400x600 | Portrait Card | 2:3 |
Using the correct placeholder image size during development prevents layout shifts, broken grids, and unexpected reflows when real images are loaded. A placeholder image that matches the final image dimensions ensures your design looks identical in development and production. This is especially important for cumulative layout shift (CLS) scores — a key Google Core Web Vitals metric that affects SEO rankings.
Always set the width and height attributes on your <img> tags. This allows browsers to reserve the correct space before the image loads, eliminating layout shifts entirely.
For general web use, the most common placeholder image sizes are 600x400 (blog posts and article thumbnails), 1200x630 (Open Graph and social sharing images), 1920x1080 (hero banners and full-width backgrounds), and 300x250 (content widgets and sidebar elements).
Avatar and profile placeholder images are typically square. The most common avatar placeholder image sizes are 100x100 for comment sections, 150x150 for profile thumbnails, 200x200 for profile pages, and 400x400 for high-resolution profile pictures used in social media headers.
Use https://placeholderimage.co/200x200 for a standard user profile placeholder image, or add a person silhouette icon via the text label: /200x200?text=User.
The recommended social media placeholder image sizes in 2025 are:
The IAB (Interactive Advertising Bureau) defines standard advertising dimensions. The most common ad placeholder image sizes are the Leaderboard (728x90), the Medium Rectangle (300x250), the Wide Skyscraper (160x600), and the Mobile Banner (320x50). Use these exact dimensions for placeholder images when building ad-supported layouts.
Product placeholder images should be square for most e-commerce platforms. Shopify recommends 2048x2048 for product images, but 800x800 or 1024x1024 is typically sufficient. WooCommerce defaults to 800x800. For product grid thumbnails, 300x300 or 400x400 placeholder images are standard.
The 16:9 aspect ratio is the standard for video content. Common 16:9 placeholder image sizes include 1280x720 (HD), 1920x1080 (Full HD), and 640x360 (web-optimized). Use these for YouTube thumbnail placeholders, video player covers, and embedded media.
Example: https://placeholderimage.co/1280x720/18181b/a1a1aa?text=Video+Thumbnail