Resize an image for Shopify homepage hero banner: 1920 × 1080 px
Drop a photo and get it at exactly 1920 × 1080 pixels, the Shopify homepage hero banner size (16:9 ratio). The image is scaled to fill the frame and centre-cropped, so nothing is stretched. Most themes serve 1920 wide on desktop; 2560 for large screens.
How to use the Shopify homepage hero banner resizer
- Add one or more photos (JPG, PNG, WebP or iPhone HEIC).
- The size is preset to 1920 × 1080; adjust only if Shopify changes its spec.
- Click Resize. The photo is scaled to cover the frame and cropped from the centre.
- Download and upload to Shopify.
Shopify homepage hero banner size in 2026
The recommended Shopify homepage hero banner image is 1920 × 1080 px, an aspect ratio of 16:9. Most themes serve 1920 wide on desktop; 2560 for large screens. Shopify accepts large images and generates responsive sizes, but themes display products as squares by default. Uploading 2048 × 2048 gives clean zoom without exceeding the 20 MB limit, and consistent ratios across products keep collection grids aligned.
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
JPG for photos, PNG for transparent graphics, WebP supported. 20 MB and 20 megapixels per image. 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 Shopify image sizes
| Placement | Size (px) | Ratio | Tool |
|---|---|---|---|
| homepage hero banner | 1920 × 1080 | 16:9 | this page |
| product image | 2048 × 2048 | 1:1 | resize |
| collection image | 1024 × 1024 | 1:1 | resize |
| store logo | 500 × 200 | 5:2 | 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 Shopify homepage hero banner be?
1920 × 1080 pixels (16:9). Most themes serve 1920 wide on desktop; 2560 for large screens.
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.