Use the in-app message specifications to understand the correct dimensions for your
in-app creative. There is no need to upload separate images for different devices. Just upload
images at the highest needed resolution, and Localytics will automatically scale them down for other devices. To ensure images scale correctly, CSS
containers should be percent-based and fluid. This design style allows a message to adapt to
different form factors.
Table 1. In-app message sizes
| WxH |
iPhone |
iPhone Retina |
iPad |
iPad Retina |
| Top banner |
320 x 50 |
640 x 100 |
640 x 100 |
2180 x 200 |
| Bottom banner |
320 x 50 |
640 x 100 |
640 x 100 |
2180 x 200 |
| Center message |
300 x 250 |
600 x 500 |
600 x 500 |
1200 x 1000 |
| Full interstitial |
320 x 480 |
640 x 1136 |
768 x 1024 |
1536 x 2048 |
Table 2. Recommended background image size
| WxH |
iSize |
| Top banner |
1280 x 200 |
| Bottom banner |
1280 x 200 |
| Center message |
1200 x 1000 |
| Full interstitial |
1536 x 2048 |