Hero image size guide
Create wide website hero images and page banners with a practical 16:9 crop frame and WebP export.
Recommended size
A common hero image target is 1920 x 1080 for a wide 16:9 banner. Use a sharp source image so the result does not look soft on large screens.
How to resize a hero image
- Open the Image Resizer.
- Upload your source image.
- Choose Website-Ready Image Converter.
- Select Hero / Banner.
- Position the crop and download.
Format tip
Use WebP for most hero photos. Use PNG only when transparency is essential.