Spécifications des images
En général, les images de petite taille et de haute qualité se chargent plus rapidement. Nous vous recommandons donc d’utiliser la ressource la plus petite possible pour obtenir le résultat souhaité. Pour maximiser l’utilisation de votre image dans des canaux spécifiques, reportez-vous aux détails de cet article.
Vous devriez toujours prévisualiser et tester vos messages sur une variété d’appareils pour confirmer que les zones les plus importantes de votre image et de votre message apparaissent comme prévu.
Créez des ressources en toute confiance ! Nos modèles d’images de messages in-app et nos superpositions de zones de sécurité sont conçus pour s’adapter aux appareils de toutes tailles. Télécharger le ZIP de modèles de conception.
Nous recommandons les tailles de charge utile suivantes :
| Système d’envoi de messages | Charge utile recommandée |
|---|---|
| iOS (avant iOS 8) | 0,256 Ko |
| iOS (après iOS 8) | 2 Ko |
| Android (FCM) | 4 Ko |
in-app Messages
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. |
Font Awesome
Braze prend en charge l’utilisation de Font Awesome v4.3.0 pour les icônes des messages modaux in-app.
Notifications push
| Type de message | Longueur maximale du message | Longueur maximale du titre |
|---|---|---|
| Écran de verrouillage iOS | 175 caractères | 43 caractères |
| Notification iOS | 175 caractères | 43 caractères |
| Alerte en bannière iOS | 85 caractères | 43 caractères |
| Écran de verrouillage Android | 49 caractères | 43 caractères |
| Tiroir de notification Android | 597 caractères | 43 caractères |
La taille recommandée pour toutes les images push est de 500 KB.
| Type d’image | Rapport hauteur/largeur | Qualité de l’image | Taille maximale de l'image | Types de fichier | Remarques |
|---|---|---|---|---|---|
| iOS | 2:1 (recommandé) | 1038 x 1038 px maximum | 5 MB | PNG, JPEG, GIF | À compter du mois de janvier 2020, les notifications push enrichies pour iOS peuvent gérer des images de 1 038 x1 038 px tant que leur taille est inférieure à 10 Mo, mais nous recommandons d’utiliser des fichiers aussi petits que possible. En pratique, l’envoi de fichiers volumineux peut entraîner une surcharge inutile du réseau et rendre les échecs de téléchargement plus courants. Pour plus d'informations, consultez la rubrique Notifications enrichies pour iOS. |
| Icône push Android | 1:1 | N/A | 500 KB | PNG, JPEG | |
| Image de notification élargie sous Android | 2:1 | Petites : 512 x 256 px Intermédiaire : 1024 x 512 px Grandes : 2048 x 1024 px |
500 KB | PNG, JPEG | Utilisé dans les notifications riches d'Android. |
| Image d'inclinaison Android | 3:2 | N/A | N/A | PNG, JPEG | Pour plus de détails, consultez la section Notifications push d’images insérées pour Android. |
Comportement de l’image
| Disposition | Comportement |
|---|---|
| Image et texte | Les images hautes ou étroites sont réduites et centrées horizontalement. Les images larges seront rognées sur les bords gauche et droit. |
| Image uniquement | Le message sera redimensionné pour s’adapter à la plupart des tailles d’image. |
Modifier cette page sur GitHub