Website images

Resize website hero image

Prepare a wide website hero image locally. Crop for the right shape, reduce file size, and export in a practical web format.

Open hero image resizer

What size should a hero image be?

There is no single perfect hero size, because layouts vary. Many websites use wide images around 1600 to 2400 pixels wide, then serve them responsively. The goal is to keep the image sharp enough for its display area without making the file so large that it slows the page.

Use WebP for most hero images, JPG for broad compatibility, and PNG only when transparency or crisp flat graphics matter. Keep the subject away from the extreme edges so the image still works on mobile crops.

Steps

1. Add imageChoose your source image from your device.

2. Select hero presetUse a wide crop and adjust the framing.

3. DownloadExport a lighter web-ready image.

Privacy note

Hero images can be unpublished brand, product, or client assets. PDFTechnician resizes them locally in your browser and removes hidden metadata on export.