What is the recommended size of a hero image?

What is the recommended size of a hero image?

What size should the itinerary hero image be?

We recommend an image size of 2200×1000 pixels. This dimension ensures your image looks impeccable across devices. When viewing an itinerary, the image width will resize to 1170 pixels, ensuring quick loading times and smooth performance.

Why does my hero image look pixelated?

The most common cause isn't the file size — it's the difference between how big a file is and how much detail it actually contains.

File size is not the same as image quality

Take this real example: an image that is 2016×1134 pixels contains 2,286,144 pixels (about 2.3 megapixels). Stored without any compression, that image would take up around 6.6MB. But the same image saved as a JPEG might only be 1MB — because JPEG compression has shrunk it by around 85%.

How? JPEG works by finding areas of similar colour and averaging them together, permanently discarding fine detail that the eye is less likely to notice at small sizes. This is called lossy compression — once that detail is gone, it cannot be recovered.

The result is a file that looks perfectly acceptable as a thumbnail or on a small screen, but when displayed at full width — or on a large monitor — the missing detail becomes visible as blurring or blockiness.

What to look for instead of file size

The number that actually predicts sharpness is pixel dimensions — specifically the width in pixels. As a guide:

2200×1000 px — our recommended minimum. Looks sharp on standard HD screens.
3840 px wide or more — needed for consistently sharp rendering on 4K or large desktop monitors.

If your image editing software lets you export at higher quality (lower compression), that will also help preserve detail — even at the same pixel dimensions.

A note on 4K screens

Even a high-quality, low-compression image at 2200×1000 pixels contains only about 2.2 million pixels. A 4K screen has over 8 million pixel slots to fill. When displaying your image full-width, the screen has to stretch it to fill the gap — guessing the missing pixels and producing a softer result. Uploading an image closer to 3840 pixels wide eliminates this problem entirely.

The simplest rule of thumb

Check the pixel dimensions of your image before uploading, not the file size. A large file size does not guarantee a sharp image, and a small file size does not always mean a poor one. Pixels are what count.


    • Related Articles

    • How do I change the hero image?

      You can change a hero image on the Preview tab: > select the options icon (three dots) in the top right-hand corner and click 'Customise display'. > click the pencil icon in the 'Itinerary hero image' box > choose an image from you media library or ...
    • Edit the layout, description and image of your services

      How to edit the layout, description and image of your services in an itinerary Click here to view an interactive product tour of how to edit the layout, description and image
    • Preview your itinerary and add a hero image

      How to add an item to your itinerary Click here to view an interactive product tour of how to preview your itinerary and add a hero image
    • Sharing your itinerary

      How to share your itinerary Click here to view an interactive product tour of how to share your itinerary
    • Export itinerary to Word

      Tourwriter allows you to export your itinerary to a Word document and you can customise the output by Including or Excluding certain fields before exporting. Export settings After creating an itinerary and editing any postcard descriptions or images ...