Certains utilisateurs peuvent remarquer que les images apparaissent correctement alignées dans l’éditeur de courriel AdvisorStream, mais s’affichent différemment lorsqu’elles sont consultées dans de véritables boîtes de réception, telles que Outlook, Gmail ou Apple Mail. Ce comportement est courant puisque différents clients de messagerie rendent les courriels HTML de manière différente.
 

Cet article décrit des étapes pratiques pour améliorer la cohérence entre les plateformes et garantir que vos images s’affichent comme prévu.

Les images apparaissent correctement dans l’aperçu AdvisorStream, mais se déplacent ou se désalignent dans Outlook ou Gmail.

Le formatage du courriel « explose » ou se casse une fois les images chargées dans certains programmes de messagerie.

Les photos ne se chargent pas correctement sur les appareils mobiles (iPhone/iPad).
 

Chaque client de messagerie (Outlook, Gmail, Apple Mail, etc.) interprète le HTML et le CSS de manière légèrement différente. Lorsque les images sont copiées, redimensionnées ou positionnées en utilisant un habillage de texte ou des mises en page complexes, des incohérences de formatage peuvent survenir une fois le courriel livré.

1. Téléchargez les images directement

Ne copiez pas ou ne collez pas d’images depuis des programmes tels que Microsoft Word ou Outlook.

Téléchargez vos images directement dans AdvisorStream pour préserver l’intégrité du formatage.
 

2. Utilisez la taille d’image recommandée

Largeur optimale de l’image : environ 600 pixels.

Redimensionnez les images avant de les télécharger afin de garantir qu’elles s’affichent correctement sur tous les appareils.
 

3. Gardez les mises en page simples

Évitez d’habiller le texte autour des images ou d’utiliser des mises en page à plusieurs colonnes.

Pour de meilleurs résultats, utilisez une image par ligne.
 

4. Envoyez un courriel test

L’aperçu dans la plateforme reproduit une vue de navigateur, pas la vue de chaque boîte de réception.

Envoyez toujours un courriel test pour vérifier son apparence dans Gmail, Outlook et les clients mobiles.
 

5. Sélection du modèle

Pour les designs de courriel contenant plusieurs images, évitez les modèles à deux colonnes.

Privilégiez les modèles à une seule colonne pour prévenir les problèmes d’alignement.

Testez sur des appareils de bureau et mobiles pour confirmer le placement et la clarté des images.

Si les problèmes persistent, videz le cache du navigateur ou téléchargez à nouveau les images au lieu de réutiliser les liens existants.

Contactez le support AdvisorStream pour des conseils spécifiques au modèle si les écarts continuent après avoir suivi ces meilleures pratiques.
 

Suivre ces étapes aidera à maintenir les images des courriels alignées, de taille appropriée et d’apparence professionnelle dans différentes boîtes de réception. De légères variations entre les clients de messagerie peuvent toujours se produire, mais l’application des recommandations ci-dessus minimise les incohérences.