Resize an image for websites & email full-width hero: 1920 × 1080 px
Drop a photo and get it at exactly 1920 × 1080 pixels, the websites & email full-width hero size (16:9 ratio). The image is scaled to fill the frame and centre-cropped, so nothing is stretched. Serve 2560 wide only for 4K displays.
How to use the websites & email full-width hero resizer
- Add one or more photos (JPG, PNG, WebP or iPhone HEIC).
- The size is preset to 1920 × 1080; adjust only if websites & email changes its spec.
- Click Resize. The photo is scaled to cover the frame and cropped from the centre.
- Download and upload to websites & email.
websites & email full-width hero size in 2026
The recommended websites & email full-width hero image is 1920 × 1080 px, an aspect ratio of 16:9. Serve 2560 wide only for 4K displays. For websites the right size is the largest size the image is displayed at, times the device pixel ratio if you want retina sharpness. Oversized images are the most common cause of slow pages. Email clients cap width at about 600 px and often block images larger than a few hundred kilobytes.
How this tool fits your photo
Most photos are 4:3 or 3:2, not 16:9. Rather than stretching, this tool scales the photo until it covers the 1920 × 1080 frame and then crops equally from the edges that overflow. For a portrait photo going into a landscape slot, that means the top and bottom are trimmed; for a landscape photo going into a portrait slot, the sides. If the subject is off-centre, crop it roughly first in your phone's editor, then use this tool for the exact pixels. Images smaller than 1920 × 1080 are enlarged, which softens them slightly; start from the largest original you have.
Format and file size
WebP for sites (fallback JPG/PNG), JPG or PNG for email. Aim for under 200 KB per web image and under 100 KB in email. Output here keeps your input format (JPG stays JPG at quality 90, PNG stays PNG). If the result is over the platform's limit, run it through the image compressor with a target size.
All websites & email image sizes
| Placement | Size (px) | Ratio | Tool |
|---|---|---|---|
| full-width hero | 1920 × 1080 | 16:9 | this page |
| Open Graph image | 1200 × 630 | 1.91:1 | resize |
| blog featured image | 1200 × 800 | 3:2 | resize |
| email header | 600 × 200 | 3:1 | resize |
| favicon | 512 × 512 | 1:1 | resize |
Sizes are the platform's published recommendations as of 2026-09-23. Platforms change specs occasionally; the general resize tool lets you enter any dimensions.
Frequently asked questions
What size should a websites & email full-width hero be?
1920 × 1080 pixels (16:9). Serve 2560 wide only for 4K displays.
Will my photo be stretched?
No. It is scaled to fill the frame and cropped from the centre, so proportions are preserved.
Is the photo uploaded to your server?
No. Resizing happens in your browser; the page works offline once loaded.
Can I resize several photos at once?
Yes, up to 100 in one go, each to 1920 × 1080. Download them individually or as a ZIP.
Privacy
This tool runs entirely inside your browser using WebAssembly and the Canvas/File APIs. Your files are never uploaded to ToolFlint or any third party; you can verify this in your browser's network tab or by switching to airplane mode after the page loads. Read how we process files.
Last updated 2026-09-23.