Resize image for Shopify Hero Banner
Shopify hero banners display across the full store header. A 1800 x 600 pixel WebP image keeps detail sharp on desktop without slowing the page down.
- Dimensions
- 1800 × 600 px
- Aspect ratio
- 3:1
- Recommended format
- WEBP
Drag and drop images here, or browse files
PNG, JPEG, WebP, AVIF. Up to 50 files at once.
Why Shopify Hero Banner dimensions matter
When you upload an image to Shopify that is the wrong size, the platform either crops it automatically or stretches it to fill the frame. Both outcomes reduce image quality and can make your content look unprofessional.
Using 1800 x 600 pixels helps your image fill the display area correctly across desktop and mobile. The WEBP format is a practical default here because it balances quality and file size for this use case, keeping pages fast without obvious compression artefacts at normal viewing distances.
Tips before you upload
- Check that any text or key content sits inside the safe zone, away from edges that may be cropped on smaller screens.
- The tool above outputs exactly 1800 x 600 pixels. If your source photo has a different aspect ratio, it will be stretched or squeezed to fit that frame. Plan your composition accordingly.
- Use the quality slider and the before/after file sizes in the list to tune compression before you download.
- After downloading, confirm the result looks correct before publishing.
All compression happens locally in your browser. Your image files never leave your computer.
Read image sizing guides on the blog · Open the full resizer workspace · About Pixscaler