Problème d’affichage des images en background sur Outlook

Vous avez réalisé votre newsletter ou votre e-mailing, tout fonctionne parfaitement, vous êtes sur le point de l’envoyer, mais vous prenez tout de même le temps de vérifier la compatibilité sur les différents gestionnaires de mails :

  • Gmail : OK
  • Hotmail : OK
  • Orange : OK
  • Yahoo Mail : OK
  • La Poste : OK
  • Apple mail : OK
  • Thunderbird : OK
  • Android messagerie mobile : OK
  • IPhone et iPad messagerie : OK
  • Outlook : ERREUR

 

Tout fonctionne parfaitement sur les différentes plateformes excepté sur Outlook. Vos images positionnées en background ne s’affichent pas…

En effet, le logiciel Outlook, que ce soit la version 2007 ou la version 2013, n’interprète pas les images placées en background. Pour vous éviter de refaire votre template d’e-mail, vous pouvez opter pour l’utilisation du langage VML (Vector Markup Language) pour afficher votre image de background sur Outlook. La manipulation consiste à substituer l’image de background via un appel VML.

Voici un exemple :

<td background="background.png" bgcolor="#ffffff" width="120" height="92" valign="top">
 <!--[if gte mso 9]>
 <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:120px;height:92px;">
 <v:fill type="tile" src="background.png" color="#ffffff" />
 <v:textbox inset="0,0,0,0">
 <![endif]-->

 <!--[if gte mso 9]>
 </v:textbox>
 </v:rect>
 <![endif]-->
</td>

Un générateur de background-image pour Outlook

Pour vous faciliter la tâche, je vous invite à utiliser l’outil backgrounds.cm ! Il s’agit d’un générateur de code VML à partir de votre image de background qui ne s’affiche pas. En quelques clics et après vérification, votre newsletter / e-mailing fonctionnera sur le logiciel Outlook !

Découvrez également les articles :

10 points clés pour réussir sa newsletter
Et
Comment créer un emailing efficace ?

 

Article proposé par Maxime Denizon, webmaster sur Paris et Orléans.

Laisser un commentaire

Votre e-mail ne sera pas publié.

*

code