Astuce : Afficher une image de fond
Nous conseillons généralement de mettre une couleur de fond plutôt que d’insérer une image. Sachez que certaines messageries bloquent ces images. Cependant, si vous souhaitez intégrer une image de fond à votre e-mailing, voici les informations à savoir :
Pour insérer une image, c’est simple : il vous suffit d’accéder aux propriétés de la cellule et de sélectionner l’image que vous souhaitez voir s’afficher.
Par défaut, l’image se duplique à la verticale et à l’horizontale.
Une texture ou un visuel ?
Pour une texture, préférez utiliser une image petite afin qu’elle n’alourdisse pas votre e-mailing à l’envoi, ou hébergez-la. Comme elle se duplique automatiquement, une petite image suffit.
Pour un visuel, il vous faudra intégrer un code pour éviter la duplication. Dans le code HTML, intégrez le style « background-repeat » suivant à votre “background” :
<TD background= »mon_image.jpg » style= »BACKGROUND-REPEAT: no-repeat »></TD>
Vous pouvez utiliser différents styles :
Pas de répétition : style=”background-repeat:no-repeat”
Répétition à l’horizontal : style=”background-repeat:repeat-x”
Répétition à la verticale : style=”background-repeat:repeat-y”
Les messageries*
Celles qui affichent ces images sont Outlook 2000-2003, Outlook Express 6, Windows Live Hotmail, Thunderbird, Apple iPhone / iPad, Apple Mail 4, Yahoo Mail
Celles qui ne les affichent pas : Outlook 2007-2010, Google Gmail, Android 2.3
Substitution
Pour ces dernières messageries, utilisez une couleur de substitution qui remplacera votre visuel d’arrière plan. Celle-ci est à définir dans les propriétés de votre cellule.
Exemple Sarbacane pour un tableau de 1 colonne sur 1 ligne de 500 pixels :
<HTML>
<HEAD>
</HEAD>
<BODY>
<TABLE border=1 cellSpacing=1 cellPadding=1 width=500 height=500>
<TR>
<TD background=”mon_image.jpg” style=”BACKGROUND-REPEAT: no-repeat” bgColor=#ff0000></TD>
</TR>
</TABLE>
</BODY>
</HTML>
A savoir : insérer une image d’arrière plan avec du texte au-dessus, plutôt qu’une image intégrer en totalité, améliorera la délivrabilité de votre campagne.
*Les tests sur les différentes messageries ont été effectués avec une campagne hébergée.