Itinerary Hero Image Size

Itinerary Hero Image Size

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

    • 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
    • Preview your Itinerary (Postcard template)

      The Preview tab allows you to preview and customise the presentation before sharing it with your customers. Users have the option to Customise itinerary display via the share settings and also change the postcard layout using the Edit item Change ...
    • 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 (Final template)

      The Preview tab allows you to preview and customise the itinerary presentation before sharing it with your customers. Customise itinerary display When creating a new itinerary it will have your organisations default display settings. These can be ...
    • Sharing your itinerary

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