Fullscreen in-app messages

Fullscreen messages take up the whole screen of the device! This message type is great when you really need your user’s attention, like for mandatory app updates.

Portrait
Landscape

Two fullscreen in-app messages side-by-side in portrait orientation, detailing the image and text recommendations. See following sections for details.

Two fullscreen in-app messages side-by-side in landscape orientation, detailing the image and text recommendations. See following sections for details.

Images

Fullscreen in-app messages will fill the entire height of a device and crop horizontally (left and right sides) as needed. Image and text fullscreen messages will fill 50% of the height of a device. All fullscreen in-app messages will fill the status bar on “notched” devices.

All images must be less than 5 MB.
We only accept PNG, JPG, and GIF file types.
We recommend that your images be 500 KB.

tip:

Create assets with confidence! Our in-app message image templates and safe zone overlays are designed to play nicely with devices of all sizes. Download Design Templates ZIP

Portrait

layout	asset size	notes
Image and text	6:5 aspect ratio High-res 1200 x 1000 px Minimum 600 x 500 px	Cropping can occur on all sides, but the image will always fill the top 50% of the viewport
Image only	3:5 aspect ratio High-res 1200 x 2000 px Minimum 600 x 1000 px	Cropping can occur on the left and right edges on taller devices

Landscape

layout	asset size	notes
Image and text	10:3 aspect ratio High-res 2000 x 600px Minimum 1000 x 300 px	Cropping can occur on all sides, but the image will always fill the top 50% of the viewport
Image only	5:3 aspect ratio High-res 2000 x 1200px Minimum 1000 x 600 px	Cropping can occur on the left and right edges on taller devices

Image safe zone

When previewing a fullscreen in-app message in the Braze platform, you can enable the Image Safe Zone to the area of the message that is safe from cropping when displayed across devices. In addition to testing the Image Safe Zone in the preview pane, we recommend you test your message as always.

Previewing an in-app message in Braze with "Show Image Safe Zone" enabled. The image safe zone is an overlay over the image that visualizes what parts of the image will be safe from cropping.

Larger screens

On a tablet or desktop browser, a fullscreen in-app message will sit in the center of the app screen, as shown in the following screenshot.

Portrait
Landscape

Fullscreen in-app message as it would appear on a large screen in portrait orientation. The message appears as a large modal that sits in the center of the screen.

Fullscreen in-app message as it would appear on a large screen in landscape orientation. The message appears as a large modal that sits in the center of the screen.