Comment concevoir des graphiques de courrier électronique

Les e-mails écrits en HTML peuvent inclure des graphiques, et la conception de ces graphiques nécessite un soin particulier. Vous voulez probablement que les graphiques reflètent l'apparence de votre site Web et la sensation de votre marque, mais vous avez également besoin que les graphiques s'affichent correctement dans une grande variété de lecteurs de courrier électronique. Les grands graphiques ralentissent le chargement de votre courrier électronique et certains utilisateurs de messagerie ne permettent pas du tout à leurs clients de messagerie d'afficher des graphiques. Pour obtenir les meilleurs résultats, assurez-vous que les graphiques de vos e-mails sont conformes aux exigences du support.

1

Limitez la largeur des graphiques de vos e-mails à 600 pixels. Gardez la largeur de votre graphique en dessous de ce seuil pour vous assurer que votre e-mail peut être vu sur la plupart des moniteurs et dans la plupart des clients de messagerie sans entraîner une barre de défilement horizontale.

2

Optimisez la taille de vos graphiques pour réduire le temps de chargement de votre e-mail. Déterminez la taille du graphique dans l'e-mail et utilisez un logiciel tel que Photoshop ou GIMP pour spécifier la taille en pixels. Réglez la résolution de l'image à 72 points par pouce pour obtenir une image claire à l'écran mais avec une petite taille de fichier.

3

Téléchargez vos images sur un site Web et utilisez HTML pour inclure les images dans votre e-mail. Utilisez l'URL absolue de l'image au lieu d'une URL relative lorsque vous placez l'image dans votre e-mail. Ne joignez pas les images à votre e-mail dans le but d'inclure des graphiques, car cela entraîne un fichier plus volumineux qui prend plus de temps à charger dans le client de messagerie d'un destinataire.

4

Incluez un texte alternatif avec vos images pour les aveugles et ceux qui configurent leurs clients de messagerie pour ne pas afficher d'images. Ajoutez des paramètres tels que "alt= "Map to school"" (à l'exclusion des guillemets externes) à la partie du code HTML qui fait référence au graphique, ou utilisez votre logiciel de conception Web pour ajouter le texte alternatif.

5

Testez les graphiques de vos e-mails en envoyant des e-mails à plusieurs destinataires. Assurez-vous qu'au moins l'un de vos destinataires de test utilise tous les principaux navigateurs Web, y compris Internet Explorer, Mozilla Firefox, Google Chrome et Safari pour Apple et Windows. Vérifiez également vos e-mails dans plusieurs clients de messagerie, en vous assurant que les graphiques de l'e-mail sont affichés et tiennent dans la fenêtre d'aperçu.

Messages récents

$config[zx-auto] not found$config[zx-overlay] not found