Hero image size guide

Create wide website hero images and page banners with a practical 16:9 crop frame and WebP export.

Open Hero Image Resizer

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

  1. Open the Image Resizer.
  2. Upload your source image.
  3. Choose Website-Ready Image Converter.
  4. Select Hero / Banner.
  5. Position the crop and download.

Format tip

Use WebP for most hero photos. Use PNG only when transparency is essential.

Related tools and guides