Messages in-app modaux
Les modaux apparaissent au centre de l’écran de l’appareil avec une incrustation le démarquant de votre application en arrière-plan. Ils sont parfaits pour suggérer plus ou moins subtilement à votre utilisateur de profiter d’une vente ou d’un concours.
Spécifications des images
Les messages in-app modaux sont conçus pour s’adapter le mieux possible aux proportions de l’appareil, tout en restant fidèle à la taille et aux rapports de l’image ou du texte de votre choix pour votre message.
Bien qu’il n’y ait pas de limite au nombre de caractères de texte que vous pouvez inclure dans un message in-app (ainsi que dans les boutons, le titre, le corps principal et autres), nous modérons le nombre de caractères de texte que vous utilisez. Un texte trop long obligera les utilisateurs à développer et à faire défiler le message.
Tous les messages in-app ont une taille d’image recommandée de 500 Ko, une taille d’image maximale de 5 Mo, et prennent en charge les types de fichiers PNG, JPEG et GIF.
| Type | Rapport hauteur/largeur | Qualité de l’image | Remarques |
|---|---|---|---|
| Portrait plein écran avec texte | 6:5 | Haute résolution 1200 x 1000 px Résolution minimale 600 x 500 px |
L’image peut être rognée de tous les côtés, mais elle occupera toujours la moitié supérieure de la fenêtre. |
| Portrait plein écran (image seule, avec ou sans boutons) | 3:5 | Haute résolution 1200 x 2000 px Résolution minimale 600 x 1000 px |
Sur les appareils grand format, l’image peut être rognée sur les bords gauche et droit. |
| Type | Rapport hauteur/largeur | Qualité de l’image | Remarques |
|---|---|---|---|
| Paysage plein écran avec texte | 10:3 | Haute résolution 2000 x 600 px Résolution minimale 1000 x 300 px |
L’image peut être rognée de tous les côtés, mais elle occupera toujours la moitié supérieure de la fenêtre. |
| Paysage plein écran (image seule, avec ou sans boutons) | 5:3 | Haute résolution 2000 x 600 px Résolution minimale 1000 x 600 px |
Sur les appareils grand format, l’image peut être rognée sur les bords gauche et droit. |
| Type | Rapport hauteur/largeur | Qualité de l’image | Remarques |
|---|---|---|---|
| Fenêtre contextuelle | 1:1 | Haute résolution 150 x 150 px Résolution minimale 50 x 50 px |
Les images de différents rapports hauteur/largeur seront insérées dans un conteneur d’images carré, sans rognage. |
| Type | Rapport hauteur/largeur | Qualité de l’image | Remarques |
|---|---|---|---|
| Modale (image seulement) | 1:1 | Haute résolution 1200 x 2000 px Résolution minimale 600 x 600 px |
Le message sera redimensionné pour s’adapter à la plupart des tailles d’image. |
| Fenêtre modale avec texte | 29:10 | Haute résolution 1450 x 500 px Résolution minimale 600 x 205 px |
Les images hautes seront réduites et centrées horizontalement. Les images larges seront rognées sur les bords gauche et droit. |
Écrans plus grands
Sur une tablette ou un navigateur de bureau, un message in-app modal s’affiche toujours au centre de l’écran de l’application, comme illustré dans la capture d’écran suivante.
Modifier cette page sur GitHub