Skip to content

Full-screen in-app messages

Full-screen 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.

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

Images

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

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

Portrait

layout asset size notes
Image + Text 6:5 aspect ratio
Hi-Res 1200 x 1000px
Min. 600 x 500px
Cropping can occur on all sides, but the image will always fill the top 50% of the viewport
Image Only 3:5 aspect ratio
Hi-Res 1200 x 2000px
Min. 600 x 1000px
Cropping can occur on the left and right edges on taller devices

Landscape

layout asset size notes
Image + Text 10:3 aspect ratio
Hi-Res 2000 x 600px
Min. 1000 x 300px
Cropping can occur on all sides, but the image will always fill the top 50% of the viewport
Image Only 5:3 aspect ratio
Hi-Res 2000 x 1200px
Min. 1000 x 600px
Cropping can occur on the left and right edges on taller devices

Image safe zone

When previewing a full-screen 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 full-screen in-app message will sit in the center of the app screen, as shown in the following screenshot.

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

WAS THIS PAGE HELPFUL?
New Stuff!