Image sizes for websites, email and social media
A reference table of pixel dimensions and ratios for web pages, link previews, email and every major social platform.
Uploading an image at the wrong size means either a blurry result, a cropped subject, or a page that loads slowly. This reference collects the dimensions that work in 2026, with an explanation of the reasoning so you can make sensible decisions when a platform changes its rules.
Two principles
Match the display size, allowing for high-density screens. Most phones and laptops now have screens with two or three physical pixels per CSS pixel. An image displayed at 600 CSS pixels wide should be 1,200 pixels wide to look sharp. Going beyond 2× adds file size without visible benefit.
Get the aspect ratio right before the pixel count. Platforms crop to their preferred ratio automatically, and automatic crops cut off heads and logos. Crop to the ratio yourself with the crop tool, then resize with the resize tool.
Website images
| Use | Width | Ratio | Target file size |
|---|---|---|---|
| Full-width hero | 1,920 px (2,560 for very large screens) | 16:9 or 21:9 | Under 300 KB as WebP |
| Content / blog image | 1,200 to 1,600 px | 3:2 or 16:9 | Under 150 KB |
| Card or grid thumbnail | 600 to 800 px | Consistent across the grid | Under 60 KB |
| Product image | 1,200 to 2,000 px | 1:1 or 4:5 | Under 200 KB; larger for zoom |
| Logo (raster) | 2× its displayed size | As designed | PNG or SVG |
| Open Graph / link preview | 1,200 × 630 px | 1.91:1 | Under 300 KB, JPG or PNG |
| Favicon | 16, 32, 48, 64 px in one .ico | 1:1 | Tiny |
| Apple touch icon | 180 × 180 px | 1:1 | PNG |
Email clients render at a fixed width, commonly 600 to 640 pixels for the message body. Supply images at 1,200 px wide (2× for retina) and keep the total message under about 1 MB; heavier emails are clipped by Gmail and slow to open on mobile. Use JPG or PNG; WebP support in email clients is still inconsistent. GIF is fine for simple animation.
Social media
| Platform | Placement | Size | Ratio |
|---|---|---|---|
| Feed, portrait (best reach) | 1,080 × 1,350 | 4:5 | |
| Feed, square | 1,080 × 1,080 | 1:1 | |
| Stories / Reels cover | 1,080 × 1,920 | 9:16 | |
| Profile picture | 320 × 320 (shown in a circle) | 1:1 | |
| Feed image | 1,200 × 630 or 1,080 × 1,350 | 1.91:1 or 4:5 | |
| Page cover | 1,640 × 856 | Displays 820 × 312 on desktop | |
| Post image | 1,200 × 627 | 1.91:1 | |
| Company banner | 1,128 × 191 | ~5.9:1 | |
| X (Twitter) | Post image | 1,600 × 900 | 16:9 |
| X (Twitter) | Header | 1,500 × 500 | 3:1 |
| YouTube | Thumbnail | 1,280 × 720 | 16:9, under 2 MB |
| YouTube | Channel banner | 2,560 × 1,440 (safe area 1,546 × 423) | 16:9 |
| TikTok | Video cover | 1,080 × 1,920 | 9:16 |
| Pin | 1,000 × 1,500 | 2:3 | |
| WhatsApp / Telegram | Profile picture | 640 × 640 | 1:1 |
Every social platform recompresses uploads, usually to a JPG at around quality 75 to 80. Upload at high quality (JPG 90 or PNG) at the exact dimensions above, and let the platform do the final compression once rather than stacking your compression on top of theirs.
Print, for completeness
Print is measured in pixels per inch, not total pixels. 300 ppi is the standard: a 6 × 4 inch photo needs 1,800 × 1,200 px, an A4 page needs 2,480 × 3,508 px, and an A3 poster 3,508 × 4,961 px. Anything below 150 ppi will look visibly soft in print. Supply JPG at quality 95 or a lossless format.
A fast workflow
- Crop to the ratio the destination wants.
- Resize to the width in the table, never larger than 2× the display size.
- Export as WebP for websites, JPG for email and social, PNG for graphics with transparency.
- Check the file size; if it is over the target, lower the quality a few points rather than shrinking the dimensions.
All four steps can be done on this site without uploading the image anywhere.