Passer au contenu principal
Ce guide explique comment améliorer les notifications push mobiles en utilisant des images et des médias enrichis, y compris la prise en charge des plateformes, les limitations techniques et les options de personnalisation dans OneSignal. Guides d’images pour les autres canaux :

Web Push

Ajoutez des images aux notifications push web.

Messages intégrés

Ajoutez des images aux messages intégrés.

Email

Ajoutez des images aux e-mails.

SMS

Ajoutez des images pour créer des messages MMS.

​
Images d’applications mobiles

Vous pouvez ajouter des images aux notifications push via le tableau de bord OneSignal ou l’API. Il existe deux types principaux :

​
Icônes de notification

  • iOS : Utilise automatiquement l’icône de l’application.
  • Android : Permet des icônes grandes et petites personnalisées.
  • Consultez Icônes de notification pour les instructions de configuration.

​
Image grande taille (grand format)

  • Android : S’affiche en mode développé par défaut sur la plupart des appareils.
  • iOS : Nécessite que l’utilisateur fasse glisser vers le bas ou appuie longuement.
Pour ajouter des images :
  • Dans le tableau de bord : Messages > Nouveau Push > “Télécharger” dans le champ image
  • Ou utilisez les paramètres API : big_picture (Android) et ios_attachments (iOS)

Ajoutez des images dans le tableau de bord OneSignal via le champ 'Image'.

​
Spécifications des images

Utilisez des images orientées paysage avec un rapport hauteur/largeur de 2:1.
iOSAndroid
Types de fichiersjpg, jpeg, png, gifjpg, jpeg, png, gif*
RésolutionRapport hauteur/largeur 1:1 ou 2:1 (par ex., 1038x1038px ou 1024×512px)
Largeur max : 2000px
Largeur min : 300px		Rapport hauteur/largeur 2:1 (par ex., 1024×512px)
Largeur max : 2000px
Largeur min : 300px
Paramètre APIios_attachmentsbig_picture
OneSignal impose une limite de téléchargement de 5 Mo et ne prend pas en charge les téléchargements audio ou vidéo. Les images hébergées expirent après 33 jours. Pour une utilisation à long terme, téléchargez vers votre propre URL statique ou utilisez des modèles.

​
Personnalisation des notifications enrichies

OneSignal prend en charge une personnalisation visuelle et interactive plus approfondie en utilisant les fonctionnalités natives de la plateforme.

​
Mise en page de notification Android personnalisée

Android 12+ impose des modèles système pour les notifications personnalisées. Cependant, vous pouvez toujours personnaliser votre mise en page en utilisant les styles de notification standard d’Android. Consultez les changements de comportement pour plus de détails. Pour personnaliser votre mise en page :

​
Extensions de contenu iOS

iOS utilise UNNotificationContentExtension pour activer les médias enrichis et l’interactivité dans les notifications. Fonctionnalités prises en charge :
  • Carrousels d’images
  • Lecture vidéo intégrée
  • Vues personnalisées comme des calendriers ou des aperçus de discussions
Consultez notre guide de carrousel iOS pour les instructions de configuration.

​
Pièces jointes multimédia prises en charge

Les médias enrichis peuvent être ajoutés via des URL vers du contenu hébergé en externe. Cela fonctionne avec UNNotificationContentExtension sur iOS.
  • Assurez-vous que vos URL sont des liens directs vers le fichier et se terminent par l’extension correcte. Sinon, ajoutez une requête (par ex., ?file=video.mp4) afin que le SDK puisse détecter le type de média.
  • OneSignal a une limite de 5 Mo pour les images téléchargées. Les vidéos et l’audio doivent être hébergés en externe. Liez directement au fichier multimédia, pas à une page web.
Pièce jointeType de fichierTaille maxExigences
Audioaif, aiff, wav, mp35 MoAucune
Vidéomp4, mpeg, mpeg2, mpeg4, avi50 MoUNNotificationContentExtension
Imagejpg, jpeg, png, gif10 MoOneSignalNotificationServiceExtension
L’OneSignalNotificationServiceExtension est incluse dans le SDK OneSignal et requise pour la prise en charge des images, le suivi de livraison et les mises à jour de badge.

​
Conseils de test

Assurez-vous que vos médias s’affichent correctement sur tous les appareils :
  • Testez toujours sur de vrais appareils (pas des émulateurs).
  • iOS nécessite un appui long ou un glissement vers le bas pour révéler les médias enrichis.
  • Le rendu Android varie selon l’appareil, la version de l’OS et la présence de boutons d’action.
  • Utilisez le bouton “Envoyer un test” dans OneSignal avant de lancer une campagne.

​
Exemples de cas d’usage

  • Afficher une photo de produit dans un rappel de panier abandonné
  • Promouvoir une nouvelle bande-annonce de film avec un aperçu vidéo (iOS uniquement)
  • Envoyer une bannière animée pour une vente flash

​
Dépannage

Si vos images n’apparaissent pas comme prévu, consultez le guide Images de notifications qui ne s’affichent pas pour les causes courantes et les corrections.