octobre 22, 2019

Format de newsletter : quelle est la largeur et la taille idéale ?

Reading time about 6 min

Optimiser votre format de newsletter n’est pas très difficile avec l’éditeur d’emailing super intuitif de Brevo.

Cela dit, il y a quelques éléments que vous devez prendre en compte et quelques erreurs à ne pas commettre si vous voulez réussir vos campagnes.

Aujourd’hui, nous allons surtout parler de la largeur de votre newsletter. Celle-ci a un impact très important sur l’affichage de vos emailings sur mobile comme sur desktop et aura potentiellement une effet déterminant sur votre taux de conversion.

Si ce n’est pas déjà fait, créez votre compte dès maintenant et suivez le mode d’emploi ci-dessous pour mettre en place une campagne emailing optimisée pour mobile.


Je crée mon compte gratuit >>


Largeur newsletter – optimisez votre format emailing

Découvrez pourquoi la largeur de votre newsletter est importante, quel est le format de newsletter optimal et comment modifier facilement les dimensions de votre emailing.

Pourquoi la largeur de votre newsletter est-elle importante ?

Attention : plus de 60% des emails sont aujourd’hui ouverts sur smartphone, il est donc impératif de créer des newsletters en responsive design qui s’affichent parfaitement sur tous les terminaux.

La largeur de votre newsletter est très importante parce qu’elle va grandement influencer l’affichage de vos emails.

Le problème est que les différents clients de messagerie n’appliquent pas forcément les mêmes standards lorsqu’il est question de l’affichage des emails. La largeur, en particulier, peut varier d’un client à l’autre.

Un exemple : Outlook, le mauvais élève des clients de messagerie, ne supporte toujours pas les formats email en responsive design. Si la largeur de l’email est trop importante, il ne s’affichera pas correctement.

En plus de créer des emails responsive pour l’affichage sur mobile, il faut donc impérativement opter pour une largeur minimum qui permettra un affichage parfait sur tous les clients.

Quelle est la largeur de newsletter optimale ?

Une newsletter HTML devrait normalement avoir une largeur entre 550 et 650 pixels si vous voulez que votre contenu s’affiche parfaitement dans la majorité des clients de messagerie tout en laissant assez de place pour communiquer efficacement votre message.

Format newsletter - différents clients de messagerie

Pensez aussi que sur les clients de messagerie qui affichent une largeur plus grande que 600 pixels, de l’espace vide sera visible autour de votre contenu.

Vous pouvez facilement en tirer profit en insérant une couleur de fond correspondant à votre identité visuelle ou même une image de fond.

Chez Brevo, vous avez la possibilité de répéter ou non l’image de fond.

Taille newsletter - image de fond

Nos astuces pour le format newsletter parfait

Respectez les quatre étapes suivantes pour optimiser tout simplement le format de vos emailings.

>> Besoin d’aide pour apprendre les bases de notre éditeur d’emailing ? Découvrez notre guide complet.

1 – Une largeur emailing de 600px

Cette convention a beau exister depuis longtemps, elle est toujours d’actualité. Nous vous conseillons donc de ne pas prendre de risques et de vous limiter à une largeur de 600px pour garantir un affichage optimal.

2 – Des polices de caractères pour le web

La plupart des clients de messagerie ne supportent pas les polices intégrées via CSS. Afin de garantir un affichage optimal de votre texte, nous vous conseillons d’avoir recours aux polices web classiques.

En fonction de l’impact que voulez avoir, vous pouvez utiliser ces polices :

  • Helvetica ou Arial pour leur côté simple, facile à lire et moderne.
  • Times New Roman pour l’aspect traditionnel, respectable et sérieux.
  • Courier pour du contenu qui se veut audacieux et percutant.

3 – Un ratio d’image adapté

N’oubliez pas que le ratio de vos images restera le même sur mobile et sur desktop.

Si vous utilisez, par exemple, une image très haute, mais fine, celle-ci risquera de prendre toute la longueur de l’écran sur mobile. À l’inverse, une image trop large risquera d’être minuscule sur mobile du fait de sa petite hauteur.

Une bonne pratique est d’opter pour des images au format carré, car celui-ci s’affichera de la même manière sur desktop et mobile.

4 – Des newsletters optimisées pour l’affichage sans images

Malheureusement, la plupart des clients de messagerie n’affichent pas les images de vos newsletters par défaut et il faudra que vos contacts optent manuellement pour afficher les images.

Il est très important que vos emailings puissent être lus et compris aussi sans images. Le contenu vraiment important devrait donc toujours être formulé dans le texte.

Utilisez aussi des balises ALT – surtout pour vos Call To Action !

>> Pour aller plus loin, découvrez comment optimiser vos Call To Action

Comment faire pour optimiser la largeur de ma newsletter avec Brevo ?

Tous nos modèles de newsletters ont déjà une largeur optimisée de 600 pixels. Nous vous conseillons de ne pas modifier celle-ci.

Optez simplement pour l’un de nos nombreux modèles en responsive design ou découvrez ces 100 templates emailing gratuits.

Avant l’envoi définitif de votre emailing, nous vous conseillons toujours de tester celui-ci – aussi pour vérifier la taille de votre newsletter.

Pour cela, vous pouvez visualiser un aperçu directement dans votre navigateur en cliquant sur l’onglet en haut à gauche de l’écran :

Format de newsletter - affichage sur mobile

Ici, vous pourrez simplement tester l’affichage de votre newsletter sur ordinateur de bureau ou sur mobile :


Format emailing - affichage sur mobile

Vous avez aussi la possibilité de vous envoyer un emailing test afin de visualiser votre newsletter dans vos clients de messagerie.

Format emailing - envoyer un email test

Conclusion : envoyer des mailings au format parfaitement adapté à tous les terminaux et tous les clients de messagerie est devenu très simple grâce à un logiciel emailing gratuit comme Brevo. Votre format newsletter sera automatiquement optimisé et vous pourrez vous lancer dans la création de vos campagnes sans attendre !

Ready to grow with Brevo?

Get the tools you need to reach your customers and grow your business.

Sign up free