Backgrounds
1 - Images
L'utilisation des backgrounds images est à éviter car bon nombre de clients mail ne les gèrent pas. En particulier Outlook 2007 et 2010. Si toutefois, vous souhaitez les utiliser, prévoyez une couleur de fond en fallback pour les clients mail n'en tenant pas compte.
Le risque est, par exemple, de se retrouver avec un texte blanc sur fond blanc.
2 - Couleur
Si on veut donner une couleur de fond à son document html, le plus simple serait de l'indiquer dans le paramètre bgcolor de la balise BODY. Attention : les webmails (Gmail, Yahoo, AOL) ne tiennent pas compte de cette information.
La solution, est de créer une TABLE mono-cellulaire avec une largeur de 100% et de donner la couleur à la cellule du tableau.
<body>
<table border="0" width="100%">
<tr>
<td bgcolor="#555555">
ICI LE CONTENU DE MON MESSAGE
</td>
</tr>
</table>
</body>
Images
On préconise de ne pas dépasser 200 Ko pour un emailing (HTML + images). Il est donc important de soigner l'optimisation de ses images et de choisir le format adéquat.
1 - Format
On exclut d'emblée le format PNG, il n'est pas géré par Lotus 6. Le BMP produit des images trop lourdes, on risque rapidement de dépasser les 200 Ko.
Reste le GIF et le JPEG.
Le GIF sera plus approprié pour le traitement des logos, images comprenant des aplats de couleurs ou les images avec du texte. Tandis que le JPEG convient mieux aux photos ou illustrations.
Un logiciel comme Photoshop permettra de trouver le meilleur compromis (qualité / poids) grâce à sa preview avant l'enregistrement d'une image pour le web.
2 - Animations
Ne pouvant utiliser ni Flash ni javascript pour animer vos emailing, il ne nous reste que le bon vieux GIF animé. Attention : certains clients mail n'affichent que la première image de l'animation. La parade consiste à travailler sa première image de sorte qu'elle soit le plus parlant possible ; il faut par exemple éviter le fade-in à partir d'un écran blanc.
3 - Liens
Si vous ne souhaitez pas qu'il y ait un filet de couleur autour des images sur lesquelles il y a un lien, n'omettez pas de mettre le paramètre border="0".
4 - Balises alternatives
Par défaut, la plupart des clients mail actuels n'affichent les images qu'après que le destinataire ait accepté de les afficher.
Conseil : soignez le contenu du paramètre ALT de vos images en décrivant au mieux le visuel de façon à inciter à l'affichage des images.
5 - URL
Pensez à mettre le chemin vers l'image en absolu.