Le guide ultime des images de newsletter

Tout le monde veut que ses newsletters soient ouvertes, lues et utilisées par des millions de personnes . Certaines personnes pensent que cela se produit en créant une œuvre d'art à l'intérieur. Ceci est incorrect, cependant, car dans la plupart des cas, les gens ne peuvent pas voir l'intérieur de votre e-mail avant de décider de l'ouvrir.

Donc, si l'œuvre d'art n'aide pas à l'ouverture, a-t-elle au moins un effet sur l'engagement ?

Eh bien, cela peut faire une grande impression, mais seulement si vous le faites correctement. Dans cet article, nous discuterons des meilleures façons d'utiliser des images dans vos e-mails, et j'espère que les clics vont couler !

La meilleure taille d'image de newsletter pour plusieurs écrans

Alors allons-y directement. Pour l'affichage sur le bureau, en raison des restrictions du client de messagerie, il est préférable d' utiliser 600 pixels comme largeur maximale pour la taille de l'image de votre e-mail. Ceci, bien sûr, vaut également pour toutes les images que vous souhaitez utiliser horizontalement dans l'e-mail.

Gardez simplement à l'esprit que si vous utilisez toute la largeur, l'image devrait toujours pouvoir être réduite à une taille mobile sans trop changer.

Un exemple d'e-mail à 2 colonnes sur un écran de téléphone

En parlant de mobile, vous devez garder à l'esprit comment vos lecteurs verront leurs e-mails. De nos jours, de plus en plus de personnes consulteront votre courrier électronique sur un appareil mobile, alors planifiez en conséquence. En fait, nous recommandons une approche axée sur le mobile . Cela signifie essentiellement de concevoir votre e-mail pour qu'il soit d'abord beau sur mobile, puis de penser à la conception du bureau par la suite.

Les services de newsletter, tels que Active Campaign , Mailchimp ou MailerLite (que nous passons en revue ici en passant), rendent cela facile à réaliser avec leurs modèles réactifs.

Idées simples de conception de newsletter à garder à l'esprit

Vous n'avez pas besoin d'un diplôme en design pour créer un e-mail attrayant. Mais il y a quelques conseils de conception à garder à l'esprit lorsque vous pensez à votre image d'en-tête « immobilier » dans le bulletin d'information global.

Tout d'abord, méfiez-vous des deux premiers pouces . Comme il s'agit de la première partie de l'e-mail que les utilisateurs voient, vous devez les engager, il est donc préférable de ne pas le remplir entièrement avec une image - certains clients de messagerie ne les afficheront pas par défaut (nous en parlerons plus tard) .

Comme mentionné ci-dessus, cependant, vous pouvez utiliser une bannière horizontale avec un texte attrayant pour attirer les lecteurs. Mais il est préférable de rester simple, peut-être juste des couleurs et des mots, de sorte que lorsqu'il est redimensionné, il ait toujours l'air bien.

Un exemple de bannière que vous pourriez utiliser dans un e-mail. Ce type de conception devrait bien s'adapter aux petits écrans.

Une autre règle de conception à garder à l'esprit est la règle des tiers. Nous vous recommandons de ne pas contenir plus d'un tiers de vos e-mails. Oh et cela ne veut pas dire un tiers entier, mais étalé sur tout l'email.

Comment créer des images de newsletter professionnelles

Pour en revenir au diplôme de design, vous êtes peut-être comme moi et avez peu ou pas de compétences en design, mais cela ne signifie pas que vous ne pouvez pas créer quelque chose qui a l'air bien ! Il existe des services de bricolage qui vous permettent de concevoir facilement des images pour vos e-mails et Snappa est, bien sûr, une excellente option. En plus d'offrir de nombreux modèles et icônes, ces services proposent également des tailles de canevas prédéterminées pour faciliter la conception d'éléments spécifiques, tels qu'une bannière de courrier électronique.

Un exemple d'options de taille de toile parmi lesquelles choisir sur Snappa.

Une dernière idée de conception à garder à l'esprit est celle des colonnes. Il est souvent préférable de garder les choses dans une seule colonne si vous créez un simple e-mail avec principalement du texte. Cependant, avec les modèles disponibles dans la plupart des services de newsletter de nos jours, vous pouvez également utiliser des conceptions à deux ou trois colonnes tant qu'elles sont réactives. Vos colonnes seront alors confortablement réorganisées pour s'asseoir les unes sur les autres lorsqu'elles seront affichées sur un écran plus petit.

Décompte de la taille du fichier image de l'en-tête de l'e-mail

Une autre chose à laquelle vous devez penser lors de l'ajout d'images aux e-mails est la taille de leur fichier. Ceux-ci doivent être aussi petits que possible, sinon ils ne dépasseront pas les limites de taille imposées par les clients de messagerie. Assurez-vous que les images ne dépassent pas 1 Mo, mais essayez de viser 100 Ko ou moins pour chaque image (sauf si vous utilisez des animations).

Un bon moyen de réduire la taille de vos fichiers, tout en maintenant la qualité la plus élevée possible, est de l'exécuter via tinypng.com (fonctionne également pour les images jpg). Il vous suffit de déposer vos images sur la page et elles seront réduites à une taille plus petite (vous ne remarquerez même aucune différence en termes de qualité)… le tout gratuitement !

Concevoir des newsletters par e-mail autour des bloqueurs d'images

De nos jours, la plupart des clients de messagerie ont activé le blocage automatique des images, qui peut ou non être désactivé par l'utilisateur. Comme cela se produit souvent, il est important que vous planifiiez votre conception pour continuer à communiquer votre offre aux lecteurs. Il y a quelques façons de le faire.

Tout d'abord, ne créez PAS d'e-mail entièrement basé sur des images. C'est littéralement la chose opposée à faire si vous voulez contourner le blocage d'image. Si le blocage est activé, vous venez d'envoyer un e-mail vide à quelqu'un.

Ce même conseil vaut pour les appels à l'action dans votre e-mail. Ne les placez pas dans les images, car ils seront manqués si le blocage d'image est activé. Il est préférable d'utiliser des liens de texte formatés pour ceux-ci.

Il est préférable d'utiliser des liens de texte formatés pour les CTA, car ceux basés sur des images peuvent ne pas être affichés.

Pour les personnes qui ont suivi nos suggestions, il est vrai que vos images pourraient encore être bloquées. Dans ce cas, une autre façon de vous assurer que votre message parvient toujours à la maison consiste à utiliser un « texte alternatif » ou un texte alternatif. C'est le texte qui s'affiche si votre image ne se charge pas. Il doit être informatif, et pas simplement une description de votre image.

Par exemple, si vous souhaitez que quelqu'un découvre un nouveau produit dans votre magasin, mais que la belle image du produit ne s'est pas chargée, vous pouvez toujours dire « Découvrez notre nouveau sac fourre-tout » avec votre texte alternatif. Cela donne au lecteur des informations et un appel à l'action. Certains éditeurs d'e-mails peuvent même vous permettre d'ajouter des styles à votre texte alternatif, le faisant ressortir davantage.

Newsletter Vidéos vs. Emails GIF

De toute évidence, ce serait formidable de partager votre vidéo virale « animaux mignons » avec vos abonnés, mais intégrer des vidéos dans des e-mails n'est pas une bonne idée. La raison en est que la plupart des clients de messagerie ne le permettent tout simplement pas. De plus, les fichiers vidéo sont souvent assez volumineux (si vous ne les intégrez pas) et peuvent finir par envoyer votre travail acharné directement dans le dossier spam.

Une façon de contourner ce problème consiste à superposer une image statique avec un bouton de lecture, qui amène ensuite un utilisateur au service hébergé (YouTube par exemple). Il existe cependant un autre moyen : utiliser des GIF animés.

Anthropologie, une marque d'articles ménagers, a utilisé ce GIF dans sa campagne. Source de l'image : Mailbakery.com

Les GIF offrent une alternative légère au contenu vidéo dans votre courrier électronique et peuvent être créés de différentes manières . Les GIF sont parfaits pour montrer comment fonctionne un produit, ou pour montrer différents angles, ou simplement pour créer quelque chose d'accrocheur. Assurez-vous simplement de ne pas les rendre trop volumineuses (moins de 1 Mo est recommandé) et, comme les images, ne les abusez pas.

Back on Track – Une introduction aux taux ouverts

Même si nous avons discuté ci-dessus du fait que les taux d'ouverture ne sont pas vraiment influencés par les images, il s'avère qu'il existe toujours une relation intéressante entre les deux.

Taux d'ouverture dans ActiveCampaign.

La façon dont les taux d'ouverture sont suivis consiste à charger un graphique à un seul pixel. Lorsque ce pixel est chargé, il est enregistré que le client a ouvert l'e-mail. Maintenant, en utilisant les informations dont nous venons de parler sur le blocage d'images, vous pouvez peut-être voir où un problème peut survenir ?

Oui, si un blocage d'image s'est produit ou si un client a choisi de recevoir la version texte uniquement de vos e-mails, ce pixel ne se chargera jamais. Il en résulte qu'une ouverture de moins est signalée. Tout cela pour dire que vous devez prendre les rapports de taux ouverts avec un grain de sel, car ils peuvent ne pas toujours être une représentation fidèle.

Conclusion

Nous avons couvert beaucoup de terrain dans cet article, mais j'espère qu'il y a quelques points à retenir utiles. Votre e-mail peut être à la fois beau et fonctionnel, mais vous devez vous assurer que cette fonction est parfaite pour ceux qui ne verront jamais vos images.

Malheureusement, nous ne pouvons pas contrôler la façon dont les clients de messagerie affichent ce que nous envoyons, nous devons donc travailler avec eux. Si vous gardez les idées ci-dessus à l'esprit, cela vous aidera à vous assurer que vos e-mails ne se retrouvent pas dans le trou noir du dossier spam, pour ne jamais voir la lumière de la boîte de réception.