Format email : largeur, taille et poids idéaux (guide 2026)

Quelle largeur, quelle taille et quel poids pour un email ? C'est une question très classique en emailing, et elle mérite une réponse précise : le format de vos emails détermine la qualité de leur affichage, donc vos taux de clic. C'est d'autant plus vrai quand vous envoyez des emails en masse. Voici les bons formats à utiliser en 2026, avec les chiffres à retenir et les pièges à éviter.

La réponse courte : une largeur de 600 px (640 px maximum), un HTML de moins de 100 Ko pour éviter la troncature Gmail, des images exportées en 1200 px de large pour les écrans Retina, et un poids total raisonnable avec un bon équilibre texte/images. Le détail et les explications ci-dessous.

La largeur idéale d'un email : 600 px, toujours

La convention des 600 px date de la préhistoire de l'email, quand Outlook, Yahoo et Hotmail se partageaient le marché et que les écrans plafonnaient à 1024 px. On pourrait croire qu'elle est obsolète avec nos écrans full HD et 4K. Ce n'est pas le cas, pour deux raisons très concrètes :

• Les messageries affichent vos emails dans une colonne, pas en plein écran. Sur Outlook ou Gmail en vue trois colonnes, l'espace réellement consacré au message reste limité, quelle que soit la taille de l'écran. Un email de 700 px et plus risque d'être tronqué à droite.
• Plus de la moitié des ouvertures se font sur mobile. Un email de 600 px se réduit proprement sur un écran de smartphone. Plus large, vous multipliez les problèmes de mise à l'échelle.

Ce n'est pas un hasard si la quasi-totalité des logiciels d'emailing (Brevo, Mailchimp, MailerLite et les autres) proposent des templates construits sur une base de 600 px : c'est la largeur qui s'affiche correctement partout.

Peut-on monter à 640 ou 650 px ?

Oui pour 640 px : de grandes marques utilisent cette largeur et elle passe bien sur les principaux clients email. Au-delà, vous entrez en zone risquée. Nos tests historiques sur des templates de 650 px et 728 px montraient déjà des affichages tronqués sur certains webmails, et la logique n'a pas changé : plus vous vous éloignez du standard, plus vous dépendez de la configuration de chaque destinataire. Si votre audience contient beaucoup d'utilisateurs d'Outlook (typique en B2B), restez à 600 px.

Et Outlook dans tout ça ?

Outlook pour Windows reste le client le plus capricieux : son moteur de rendu est basé sur Word et ignore une partie du CSS moderne. Les media queries et le responsive y restent aléatoires. C'est LA raison de conserver une structure simple, en une colonne, de 600 px : elle reste lisible même quand le responsive ne s'applique pas.

Le poids d'un email : la limite des 100 Ko

La largeur n'est pas le seul facteur d'un bon affichage. Le poids de votre template compte autant :

• 102 Ko de HTML : au-delà de ce seuil, Gmail tronque votre message et affiche un lien « Afficher l'intégralité du message ». Votre fin d'email (et souvent votre CTA ou votre lien de désinscription) disparaît. Visez moins de 100 Ko de HTML, ce qui est large pour une newsletter bien conçue.
• Environ 1 Mo images comprises : au-delà, le chargement devient lent, surtout en mobilité, et certains destinataires décrochent avant d'avoir vu votre contenu.

Concrètement, cela suppose une mise en page simple, bloc par bloc, et un code propre. Si votre outil d'emailing génère le HTML pour vous, restez raisonnable sur le nombre de blocs et d'images.

La taille des images dans un email

C'est l'autre grande question qu'on me pose : quel format pour les images d'un emailing ?

• Largeur d'export : le double de la largeur d'affichage. Une image pleine largeur dans un email de 600 px doit être exportée en 1200 px de large pour rester nette sur les écrans Retina et haute densité. Une image en demi-colonne (300 px affichés) s'exporte en 600 px.
• Poids : moins de 200 Ko par image, et le plus léger possible. Compressez systématiquement avant l'envoi.
• Formats : JPEG pour les photos, PNG pour les logos et les visuels avec transparence, GIF pour les animations légères. Le WebP, désormais standard sur le web, reste mal supporté par certaines versions d'Outlook : gardez JPEG et PNG pour vos emails.
• Toujours un texte alternatif (alt) : beaucoup de messageries bloquent les images par défaut. Votre email doit rester compréhensible sans elles.

Gardez aussi un équilibre entre texte et images : un email composé d'une seule grande image est un signal spam classique et devient illisible quand les images sont bloquées. La règle courante est d'environ 60 % de texte pour 40 % d'images. Pour approfondir, consultez notre guide sur l'optimisation des images (formats, compression, bonnes pratiques).

Quelle taille pour une newsletter ?

Newsletter Site officiel Voir la fiche

Pour une newsletter, la question du format se pose un cran plus loin : au-delà de la largeur (600 px, comme tout email), c'est la longueur qui fait la différence.

• La largeur d'une newsletter : 600 px, comme n'importe quel email marketing. Si votre template propose du 640 px, c'est acceptable.
• La hauteur : pas de limite technique, mais une limite d'attention. Placez votre message principal et votre CTA dans le premier écran. Une newsletter efficace tient en général en 3 à 5 blocs de contenu.
• Le poids : la contrainte des 100 Ko de HTML s'applique aussi, et c'est elle qui borne réellement la longueur. Si votre newsletter est tronquée sur Gmail, coupez du contenu et renvoyez vers votre site.
• La taille des polices : 14 à 16 px pour le texte courant, 22 à 28 px pour les titres, et des boutons d'au moins 44 px de haut pour être cliquables au pouce sur mobile.

Si vous cherchez un outil dédié à ce format, jetez un œil à notre comparatif des logiciels de newsletter.

Pensez au dark mode

Une part croissante de vos destinataires lit ses emails en mode sombre. Apple Mail, Gmail et Outlook réinterprètent alors vos couleurs, chacun à sa façon. Deux réflexes simples évitent la plupart des dégâts :

• Utilisez des logos PNG avec fond transparent, sinon votre logo sombre disparaît sur fond sombre (et inversement).
• Testez votre email en mode clair et en mode sombre avant chaque envoi. Tous les bons outils d'emailing proposent des aperçus, et des services spécialisés comme Litmus ou Email on Acid testent le rendu sur des dizaines de clients d'un coup.

Le format email en résumé

Voici la fiche technique à garder sous la main :

• Largeur de l'email : 600 px (640 px maximum)
• Structure : une colonne, mise en page bloc par bloc
• Poids du HTML : moins de 100 Ko (troncature Gmail à 102 Ko)
• Poids total images comprises : environ 1 Mo maximum
• Images : export au double de la taille d'affichage, moins de 200 Ko par image, JPEG ou PNG
• Ratio texte/images : environ 60/40
• Texte : 14 à 16 px, titres 22 à 28 px, boutons d'au moins 44 px de haut
• Toujours tester sur Gmail, Outlook et mobile avant l'envoi, en mode clair et sombre

La largeur de 600 px n'est donc pas une relique du passé : c'est toujours le format le plus sûr en 2026, parce qu'il est le seul à s'afficher correctement sur la combinaison messagerie x écran x colonne de chacun de vos destinataires. Votre énergie créative sera mieux investie dans le contenu, l'objet et le ciblage que dans une largeur exotique.

Le squelette HTML prêt à l'emploi

Pour partir sur des bases saines, voici la structure minimale d'un email de 600 px compatible avec les principaux clients (tableaux, styles inline, media query de repli) :

<table role="presentation" width="100%" bgcolor="#f4f4f4">
  <tr><td align="center" style="padding:24px 12px;">
    <!-- Conteneur 600px -->
    <table role="presentation" class="container" width="600" bgcolor="#ffffff">
      <tr><td>
        <img src="hero-1200.jpg" width="600" alt="Décrivez l'image">
      </td></tr>
      <tr><td style="padding:24px;font-family:Arial,sans-serif;
                 font-size:16px;line-height:1.5;color:#18181b;">
        <h1 style="margin:0 0 12px;font-size:24px;">Votre titre</h1>
        <p style="margin:0 0 16px;">Votre message essentiel en premier.</p>
      </td></tr>
      <tr><td align="center" style="padding:8px 24px 32px;">
        <a href="https://votresite.fr" style="display:inline-block;
           background:#fd7558;color:#ffffff;font-weight:bold;
           text-decoration:none;padding:14px 32px;border-radius:8px;">
           Votre appel à l'action</a>
      </td></tr>
    </table>
  </td></tr>
</table>
<style>
  @media (max-width: 620px) {
    .container { width:100% !important; }
  }
</style>

La version complète (préheader, header logo, footer désinscription, dark mode) est à télécharger : template email 600 px complet (3 Ko, HTML commenté).

Pour aller plus loin :

Si le sujet de l'email marketing vous intéresse, je vous invite à parcourir ces articles :

• Le comparatif complet des logiciels d'emailing
• L'art de designer et coder les boutons dans les emails
• Nettoyage des listes d'adresses email : méthodes et outils
• Les alternatives à Brevo (ex Sendinblue)