Dans le secteur de l’email marketing, il existe 3 écoles principales.
- École n°1 – l’email intègre un carrousel d’images, les gifs s’animent, les boutons possèdent de beaux coins arrondis, la vidéo est intégrée directement au message.
En fait, l’email tient à la fois de la plaquette d’entreprise et du show commercial.
Le problème, le message a un très mauvais rendu dans près de 100% des messageries des destinataires. - École n°2 – ses adeptes militent pour un canal email épuré : revenir à la notion d’une communication entre 2 personnes.
Nous sommes sur des messages avec du texte et des liens en clairs. - École n°3 – Un mélange de texte et d’images.
C’est une réalité, certains secteurs ont besoin d’images.
Le mélange texte et l’image
Chaque école défend sa chapelle.
Pour ma part, je travaille sur les solutions 2 et 3. Si vous êtes de l’école 1, je ne peux rien pour vous, il vous faudra trouver un autre prestataire.
Je reviens au cas numéro 3, un email mélangeant du texte et des images.
Ces dernières sont en mesure d’améliorer la lisibilité du message, de le rendre plus attrayant.
Néanmoins, elles sont aussi une source de dangers, d’erreurs.
Je vous propose de voir ensemble 10 erreurs à éviter sur l’emploi des images.
I. Erreur n°1 – penser que tous les formats sont supportés
L’email n’est pas un canal facile.
Tout d’abord, une idée clé à retenir, vous faites des tests : le rendu de votre email est parfait dans votre messagerie.
Ce n’est pas du tout sûr que tous vos destinataires verront votre message de la même manière.
I.1 Le rendu de l’email
Le rendu ou la vision de l’email dépend :
- de l’équipement de lecture : ordinateur, mobile ou tablette ;
- de la messagerie de lecture et des versions utilisées : FAI, Webmails, logiciels de messagerie ;
- des add-ons pour une lecture à partir d’un navigateur Internet qui sèment parfois le bazar et changent l’aperçu.
Ainsi, vous ne savez jamais comment votre liste verra le message.
I.2 Les 3 formats d’images les plus lisibles
De toutes les façons, tous les formats d’images ne conviennent pas à une campagne d’emailing.
Pour avoir un rendu optimal dans l’ensemble des messageries, les extensions suivantes sont à privilégier afin d’éviter les erreurs de visualisation :
- Jpeg – ce sont essentiellement des photos. Une qualité professionnelle est possible, le nombre de couleurs se décline jusqu’à 16,7 millions de possibilités.
- Png – des images de petite taille tels que des logos et ou des icônes, l’extension supporte la transparence.
- Gif – ils concernent les icônes, les pictogrammes et les logos simples.
Attention, tout de même, les gifs animés ne sont pas toujours bien supportés dans les messageries professionnelles de Microsoft.
I.3 Le format WebP et l’email marketing
Pour poursuivre, vous utilisez ce superbe format WebP. Vos images risquent de rester confidentielles car même Gmail dont la maison mère est pourtant à l’origine de ce format, ne le traite pas bien.
Mais, quel est donc l’objectif de Google avec les images de type WebP ?
Conserver une bonne qualité d’image tout en réduisant leur poids de 25 % à 30 % afin d’optimiser la vitesse de chargement de votre site web.
L’objectif de réduire le poids des images dans l’Email Marketing viendra sans doute plus tard pour Google.
Pour percer tous les secrets des formats dans une stratégie d’Email Marketing selon l’environnement de lecture, le site Caniemail.com est une mine d’or.
En bas de la la page, consultez la rubrique Image Formats : Caniemail.com
II. Erreur n°2 – un seuil trop élevé de l’ensemble du poids des images
II.1 Le poids de la composition
Le poids de l’image en elle-même ne rentre pas dans celui de la composition.
Les éléments de description, d’affichage de l’image… par contre, y participent.
Ils concernent le poids du code utilisé pour :
- intégrer l’image,
- indiquer sa taille, sa légende, sa bordure si elle existe.
Dans tous les cas, pour délivrer au mieux, le poids de la composition est dans les 50 ko au plus.
II.2 Le poids des images de la composition
Et pour le poids des images, quelles sont les préconisations sur le sujet ?
En environnement Apple, elles se téléchargent avant l’ouverture.
Dans un environnement professionnel Microsoft, par défaut, les images se téléchargent après leur activation.
Sur une messagerie Gmail avec une utilisation de Chrome, elles se téléchargent à l’ouverture de l’email.
C’est le cas, le plus défavorable.
Lorsque vous ne connaissez pas les environnements de lecture de vos destinataires, il vous faudra partir du cas le plus défavorable.
Les internautes ne sont pas très patients, 3 à 4 secondes d’attente est un maximum.
Votre message ne s’affiche pas tout de suite.
Ils auront tendance à abandonner avant la fin du téléchargement ou à mettre le message directement à la poubelle.
Deux événements catastrophiques pour votre délivrabilité : une erreur à éviter par tous les moyens possibles.
Les tests effectués sur le sujet montrent qu’une limite de 800 ko pour l’ensemble des images de la composition est un excellent seuil.
Dans tous les cas, 1 Mo d’images au plus est la ligne rouge à respecter.
III. Erreur n°3 – oublier d’optimiser les images
Nous avons vu que le poids maximal de l’ensemble des images ne doit pas dépasser les 800 ko pour éviter un abandon ou une suppression pure ou simple de la part de l’abonné.
Pensez donc à optimiser vos images afin d’éviter de dépasser ce seuil.
Redimensionnez vos images.
La largueur en pixels d’une composition sur un ordinateur est d’environ 600 pixels de largeur et de 320 pixels sur un mobile.
Réalisez des images dans cette gamme de taille ou légèrement plus petite.
Il existe une exception à cette règle et nous la verrons par la suite.
Pensez qu’en environnement mobile, l’image sera rétrécie.
Deux outils pour redimensionner vos images :
Adobe Resize ou Compressor.io
IV. Erreur n°4 – une qualité d’image insuffisante
Pour les png et les gifs, lorsque l’image est compressée, la qualité reste identique.
Il n’en est pas de même pour les jpeg, une qualité de 72 dpi est un bon seuil.
Pensez donc à tester la qualité de vos images avant l’envoi.
IV.1 Les écrans Retina
Pour conclure sur cette erreur, je vous parle des écrans Retina d’Apple, une exception de poids à prendre en compte…
Les écrans Retina sont une ligne d’écrans à cristaux liquides de haute résolution d’Apple.
« Retina » est une marque déposée par Apple […].
La définition supérieure de l’écran Retina augmente la visibilité des images et améliore le confort visuel de l’utilisateur.
Wikipédia
Les images pour les écrans Retina ont 2 fois plus de pixels par rapport aux écrans traditionnels.
Si vous ne travaillez pas vos images pour cet équipement, elles seront agrandies et donc floues.
Il existe une petite astuce pour cet équipement, doublez la taille de vos images.
Votre image s’affiche sur un écran Retina sur 600 pixels de largeur et 200 pixels de hauteur.
Vous téléchargez des images de 1200 pixels de largeur et de 400 px de hauteur.
Dans le code, il vous suffit d’indiquer d’afficher une image de 600 pixels :
<img src= »monimage.jpg » width= »600″ height= »200″ style= »display:block; » border= »0″>
Ainsi, les images sur les Retina et dans les autres environnements s’afficheront parfaitement.
Afin de limiter le poids, vous augmentez le taux de compression de l’image initiale.
Exemple au lieu de 40%, vous demandez 80%.
Deux outils de compression bien utiles : Compressor.io ou Tinyjpg.com
V. Erreur n°5 – l’oubli du texte alternatif
Le texte de l’image, le texte alternatif, la balise alt… les termes sont nombreux pour désigner la description de l’image.
Pensez à la renseigner.
Outlook, Yahoo, Orange… bloquent les images par défaut.
Vous ne renseignez rien dans ce champ.
Vos destinataires verront une croix rouge à la place de l’image si ces dernières ne sont pas activées.
En général, l’internaute pense tout de suite à de la publicité.
Il est donc important de renseigner ce champ : 3 à 5 mots environ.
VI. Erreur n°6 – un lien avec le contenu inexistant
Les images sont bien sympathiques.
Vous vendez un logiciel de type relation client, un CRM.
Votre image est une superbe fille allongée sur la plage.
Je suis désolée, cette image n’est pas très pertinente.
Les images qui fonctionnent le mieux apportent de la valeur.
Les positives sont les mieux perçues.
Un personnage ou une ressemblance avec une personne est un plus.
Je vous propose un petit jeu très rapide : 3 photos de montre.
Observez-les bien.
Quelle est votre photo préférée ?
D’après les tests effectués auprès d’un vaste public, la photo numéro 1 est la plus populaire.
Pourquoi ?
La 2e est bien sûr hors concours, elle cache la marque.
La 3e, nous fait penser à une personne qui fait la tête.
La 1ère est tout sourire, c’est la raison de son succès.
Regardez les publicités Rolex, la montre indique 10h10 de la même manière avec un sourire.
VII. Erreur n°7 – oublier de travailler le tatio texte/image
Les filtres antispam ne sont pas des fans des images.
La raison en est très simple, ils ne sont pas en mesure de connaître exactement leur contenu.
Pour passer au mieux les filtres antispam, votre seuil limite d’images est de 30%.
Au-dessus, vous risquez de finir dans les spams, ce serait bien dommage.
Le seuil de 30% ne sort pas d’un chapeau, il est le résultat de tests effectués sur les bases de nos clients utilisateurs d’images.
VIII. Erreur n°8 – les 5 premières lignes de la composition : une image
Ces lignes correspondent à la zone du panneau de prévisualisation.
La zone où vous pouvez voir le début de l’email sans l’ouvrir.
Cette zone n’est pas disponible dans tous les environnements de lecture.
Les messageries professionnelles de type Microsoft disposent de cette zone.
Donc tout dépend comme toujours de l’environnement de lecture de vos emails.
Certaines bases sont très utilisatrices d’un panneau de configuration alors que d’autres en sont plus ou moins exemptes.
Dans tous les cas, vous devez éviter de recouvrir toute cette zone d’une image.
Autrement, avant l’ouverture, le destinataire voit une zone avec une croix rouge ou l’élément de texte de l’image quand il est renseigné.
Il assimile le message à de la publicité et beaucoup n’ouvriront pas.
IX. Erreur n°9 – l’omission des tests dans une configuration mobile
Votre composition est parfaite lorsque vous l’ouvrez à partir de votre ordinateur de bureau.
Pour augmenter l’attention du destinataire, vous avez pris une composition sur 2 colonnes.
1 image, 1 texte et 1 texte, 1 image.
Ainsi, sur un ordinateur de bureau, il existe une alternance de la lecture et de la vision.
L’email retient mieux l’attention.
Vous oubliez d’indiquer l’alternance des colonnes en environnement mobile
Vous vous retrouvez donc avec une image, un texte, un texte, une image.
Sur un mobile, les 2 configurations optimales sont :
- un texte, une image, un texte, une image.
- une image, un texte, une image, un texte.
Pensez à tester le rendu de votre email sur un mobile.
X. Erreur n°10 – l’utilisation d’images gratuites
Les images gratuites font un tabac sur Internet.
Cependant, dans un email, ce n’est pas une bonne idée de les utiliser.
Il suffit qu’un spammeur ait eu la même idée que vous.
L’image est taguée en spam et vous vous retrouvez avec un message délivré en spam.
Pensez à créer ou à faire réaliser des images personnalisées pour votre message.
Sur le sujet, je vous invite à découvrir le site de Flore Michelot, une experte dans le graphisme et l’Intelligence Artificielle.
Flore y détaille un outil gratuit de génération d’images au moyen de l’IA :
Cette solution vous offre jusqu’à 150 essais gratuits tous les jours et vous pouvez lui enseigner votre propre style.
Vous n’avez désormais plus d’excuses pour ne pas utiliser des images personnalisées.
Un article pour poursuivre la réflexion
20 Erreurs Courantes en Emailing et leurs Solutions
Il y a de très bons conseils dans cet article, merci ! Je vais désormais remplir le texte alternatif, je ne le faisais pas jusqu’ici 🙈
Merci pour ces conseils. En effet, je ne prends sûrement pas assez soin de mes emails. En tout cas, une chose est sûre, je mettrai toujours un texte alternatif désormais !
Merci Diane pour cet article, encore une fois très utile ! J’ai appris de nombreuses choses. D’ailleurs, merci pour le lien 😀
Je pense que je te reprendrai l’image des trois montres car j’ai du mal à expliquer pourquoi il ne faut pas faire des obliques descendantes en graphisme. Et là, c’est tout à fait saisissant.
Bonjour Flore, Les images sont faites pour voyager et s’enrichir.
Bonnes explications
Diane
Merci pour tous ces conseils techniques, du coup j aimerais en savoir plus sur la solution Leonardo
Bonjour Carole,
Flore a fait un article très complet sur le sujet, j’ai mis le lien dans l’article.
On s’inscrit sur le site.
On peut lui donner des photos pour qu’il apprenne le style que l’on aime ou en correspondance avec son client idéal. C’est une intelligence artificielle, on fait des prompts ou on lui donne des consignes. On peut coupler prompts et images aimés et lui indiquer ce que l’on ne veut pas.
Il est possible de réaliser jusqu’à 150 images par jour sur un compte gratuit. Diane