> For the complete documentation index, see [llms.txt](https://help.branch.io/llms.txt).

# Journeys Image Recommendations

> Follow the image size and format recommendations that make Journeys banners look right on every screen.

Journeys are hugely successful at bringing mobile web users into your apps. But to be most effective, the Journey needs to look great and fit well on the page. The difficulty here is that Journeys can come in a wide variety of shapes and sizes but this guide should help you make some sizing decisions for a few of the most requested Journeys Templates.

## Image Format Compatibility

The following formats are compatible with Journeys creatives:

- jpeg
- png
- gif
- pdf
- mp4
- mov

## Full Page Image

The Full Page Journey is a bit tricky because the template itself is responsive to the dimensions of the phone. To account for these potentially changing dimensions, some bleed must be built into the images in use.

|  |  |
| --- | --- |
| Background position | center |
| Background size | cover |
| Dimensions | 512x1024px |
| Main content area | 414x736px |

![](https://help.branch.io/img/28fd931-Screen_Shot_2020-04-27_at_4.11.21_PM.png "Screen Shot 2020-04-27 at 4.11.21 PM.png")

## Partial Page Image

The Partial Page Journey can be a little easier to account for because the template itself is responsive to the dimensions of only the width if desired or as a percentage of the view height. To account for these potentially changing dimensions, some bleed must be built into the images in use.

### Fixed Height

|  |  |
| --- | --- |
| Background position | Center |
| Background size | Cover |
| Example Dimensions | 512x321px |
| Main Content Area | 350x321px |

![](https://help.branch.io/img/3e85e39-Screen_Shot_2020-04-27_at_4.11.35_PM.png "Screen Shot 2020-04-27 at 4.11.35 PM.png")

### Variable Height (33% View Height) - Top

|  |  |
| --- | --- |
| Background Position | Top Center |
| Background Size | Cover |
| Example Dimensions | 512x321px |
| Main Content Area | 414x250px |

![](https://help.branch.io/img/51a594e-Screen_Shot_2020-04-27_at_4.11.49_PM.png "Screen Shot 2020-04-27 at 4.11.49 PM.png")

### Variable Height (33% View Height) - Bottom

|  |  |
| --- | --- |
| Background Position | Bottom Center |
| Background Size | Cover |
| Example Dimensions | 512x321px |
| Main Content Area | 414x250px |

![](https://help.branch.io/img/bb41e1a-Screen_Shot_2020-04-27_at_4.12.10_PM.png "Screen Shot 2020-04-27 at 4.12.10 PM.png")

## App Icon Image

Recommended sizing: 180x180px

## Interstitial 6

|  | Minimum Size |
| --- | --- |
| Background Image Size | 410 x 732px |
| App Icon Size | 78 x 40px |
| App Banner Size | n/a |

## Banner Tall Banner Bottom 1

|  | Minimum Size |
| --- | --- |
| Background Image Size | 410 x 343px |
| App Icon Size | n/a |
| App Banner Size | 410 x 151px |

## Banner Tall Banner Top 4

|  | Minimum Size |
| --- | --- |
| Background Image Size | 375 x 360px |
| App Icon Size | n/a |
| App Banner Size | 375 x 151px |

## Template 3

|  | Minimum Size |
| --- | --- |
| Background Image Size | 375 x 176px |
| App Icon Size | 63 x 63px |
| App Banner Size | n/a |

## Template 4

|  | Minimum Size |
| --- | --- |
| Background Image Size | 410 x 732px |
| App Icon Size | 63 x 63px |
| App Banner Size | n/a |