Mon e-mail n’a pas la même apparence dans Outlook

Les modèles proposés par Mailchimp sont conçus pour s’afficher parfaitement dans tous les clients de messagerie. Les versions d’Outlook (2007 et ultérieures) utilisent Microsoft Word pour afficher les e-mails HTML, ce qui peut causer des problèmes au niveau de l’affichage de l’e-mail.

Microsoft Word est destiné à la conception d’impressions et essaie de rendre le HTML tel qu’il apparaîtrait dans l’aperçu avant impression, ce qui fait que l’affichage est différent de ce que vous avez peut-être conçu et testé.

Nous vous recommandons d’essayer d’identifier la version Outlook utilisée par la plupart de vos abonnés pour ensuite créer et tester vos campagnes pour cette version. Notre outil aperçu Inbox Preview propose un bon rendu de l’affichage de votre e-mail dans Outlook, mais il est fortement conseillé d’envoyer un e-mail de test et de consulter votre e-mail directement dans la version Outlook concernée.

Dans cet article, vous découvrirez les comportements problématiques courants dans Outlook.

Le remplissage autour de mes images est ignoré.

Outlook ignore le remplissage et les marges autour des images. Le texte autour va par conséquent être plaqué contre l’image. Il y a deux façons de remédier à cette situation.

• Vous pouvez utiliser un programme de retouche photo pour ajouter une bordure autour de l’image, de la même couleur que l’arrière-plan de votre e-mail, puis importer l’image dans votre e-mail. La marge faisant désormais partie intégrante de l’image, Outlook ne pourra l’ignorer.
• Accédez au code source à partir du bouton < > dans la barre d’outils de l’éditeur du bloc de texte. Dans la balise de votre image, ajoutez "vspace" et "hspace". Par exemple :
  
  Vous aurez également besoin de définir les marges de l’image sur le volet Edit Image (Modifier l’image) : certains clients de messagerie ne reconnaissent pas vspace et hspace.

Mon image est tronquée, redimensionnée, ou ne se charge pas.

Cela se produit dans Outlook lorsqu’une image très longue est insérée dans un e-mail. La limite de taille de l’image est d’environ 1728px de hauteur. Outlook tronquera le haut des images qui dépassent 1728px.

Si vous ne pouvez pas réduire la taille de votre image à moins de 1728px de hauteur, le mieux est encore de la couper en deux images séparées. Si vous utilisez un modèle en glisser-déposer, vous pouvez par la suite ajouter plusieurs blocs d’images dans l’e-mail pour télécharger chaque partie de l’image. Pour s’assurer que les images apparaissent comme une seule image fluide, accédez à l’onglet Settings (Paramètres) pour chaque bloc d’image et sélectionnez la case Edge To Edge (Bord à bord) sous Margins (Marges).

Mon image n’a pas la bonne taille.

Outlook ne reconnaît pas le code HTML qui contraint les images. Cela signifie que si vous utilisez HTML pour redimensionner une image téléchargée dans e-mail, elle peut s’afficher à la taille d’origine dans Outlook. Assurez-vous de redimensionner vos images avant de les télécharger dans Mailchimp, ou utilisez notre éditeur d’image intégré.

Mon image n’a pas de coins arrondis

Outlook offre une prise en charge limitée du CSS, comme les coins arrondis sur les images. Par conséquent, les images avec des coins arrondis peuvent s’afficher avec des angles droits dans Outlook. Pour contourner ce problème, vous pouvez modifier les coins arrondis de l’image à l’aide d’un éditeur d’image. Définissez les coins "supprimés" de l’image pour qu’ils correspondent à l’arrière-plan de l’e-mail.

La bordure de mon image n’est pas assez large

Ce problème a lieu dans Outlook, où les bordures ne s’affichent que sur un maximum de 8 pixels de largeur. Même si vous définissez une bordure beaucoup plus grande dans votre mise en page, elle reviendra à une largeur de 8 pixels lors de son affichage dans Outlook pour Windows. La meilleure alternative consiste à modifier une bordure sur l’image à l’aide d’un éditeur d’image. Vous pouvez également placer l’image dans un tableau et définir la couleur d’arrière-plan du tableau comme bordure.

Mon GIF animé ne fonctionne pas.

Outlook n’est pas compatible avec les fichiers GIF animés. À la place, il affiche la première image du GIF dans votre e-mail. Assurez-vous alors que l’information la plus importante est bien sur cette image.

Mon image d'arrière-plan ne s'affiche pas.

C'est un problème avec Outlook ainsi qu'avec de nombreux autres clients de messagerie. Sans modifier le code du modèle, il n'y a pas de solution rapide pour forcer l'image d'arrière-plan dans un modèle codé personnalisé à s'afficher.

Il y a un espace blanc indésirable dans mon contenu.

Comme Outlook affiche l’HTML en utilisant Microsoft Word, un espace blanc est parfois inséré au-dessus d’une image. Cela se produit car Outlook permet d’afficher un e-mail sur un écran d’ordinateur tout comme un e-mail serait affiché dans un aperçu avant impression. Si l’image tombe dans ce qu’Outlook perçoit comme étant deux pages distinctes pour une section spécifique, un espace supplémentaire sera inséré au-dessus de l’image pour la forcer à descendre jusqu’à la page suivante. Bien qu’un e-mail soit une seule page que l’on peut faire continuellement défiler, Outlook fait apparaître les parties de l’e-mail comme si elles étaient faites pour être imprimées sur plusieurs feuilles de papier séparées.

L’élimination de l’espace blanc nécessite de réorganiser votre contenu. Parce que la réorganisation peut nécessiter une mise en page importante et des changements de contenu, nous vous encourageons à dupliquer votre campagne au cas où vous supprimeriez accidentellement le contenu dans l’e-mail que vous réorganisez.

Lorsque vous réorganisez le contenu, l’objectif final est de déterminer où Outlook marquera le saut de page du contenu. Dans le cas où il y aurait une image sous l’espace blanc, essayez de déplacer l’image dans une autre zone de votre page et envoyez un e-mail de test pour voir si le problème est résolu. Continuez de réorganiser et de tester votre e-mail jusqu’à ce que l’espace blanc soit éliminé.