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 |
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 |
Variable Height (33% View Height) - Top
Background Position | Top Center |
Background Size | Cover |
Example Dimensions | 512x321px |
Main Content Area | 414x250px |
Variable Height (33% View Height) - Bottom
Background Position | Bottom Center |
Background Size | Cover |
Example Dimensions | 512x321px |
Main Content Area | 414x250px |
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 |