MailBuildrMailBuildr.com
Démarrer gratuitement
Email checker

Testez la compatibilité de votre email HTML

Analyse statique du code, sur notre serveur. Votre contenu n'est pas conservé.

La compatibilité par messagerie, le score et les problèmes détectés s'afficheront ici.

En savoir plus ↓

Collez votre code HTML : l'outil l'analyse et signale ce qui risque de mal s'afficher dans Gmail, Outlook, Apple Mail et Yahoo.

Comment ça marche ?

Notre outil analyse votre code HTML et détecte automatiquement les incompatibilités avec les clients mail les plus utilisés.

1. Collez votre HTML

Copiez le code source de votre email HTML et collez-le dans l'éditeur ci-dessus.

2. Analyse instantanée

Notre moteur vérifie la compatibilité CSS, le layout, les images, les polices et les balises HTML.

3. Résultats par client

Visualisez la compatibilité pour chaque client mail et corrigez les problèmes détectés.

Guide de compatibilité des clients mail

FonctionnalitéGmailOutlookApple MailYahoo
CSS inline (style="")✓✓✓✓
Balises <style>✗✓✓✓
Flexbox / Grid✗✗✓✗
Media queries✗✗✓✗
Background images (CSS)✓✗✓✓
SVG✗✗✓✗
@font-face✗✗✓✗
Border-radius✓✗✓✓

Ce que vérifie cet outil, et ce qu'il ne vérifie pas

Ce vérificateur fait une analyse statique : il lit votre code et y cherche les constructions qui posent problème dans Gmail, Outlook, Apple Mail ou Yahoo. C'est rapide et utile pour repérer les erreurs classiques, mais ce n'est pas un test de rendu. Pour voir l'email, utilisez le simulateur d'email, puis envoyez-vous un test réel.

Ce que l'outil fait

  • Lit le code HTML et CSS de votre email et le compare à une vingtaine de règles connues.
  • Signale les propriétés mal supportées : flexbox, grid, position, float, images de fond sans VML.
  • Contrôle la structure : doctype, charset, viewport, mise en page en tableaux, attributs alt et dimensions des images.
  • Mesure le poids du HTML par rapport au seuil de 102 Ko au-delà duquel Gmail tronque le message.

Ce qu'il ne fait pas

  • Afficher votre email dans de vraies messageries : aucune capture d'écran n'est produite.
  • Garantir un rendu parfait : un score élevé signifie « aucun problème connu détecté ».
  • Envoyer un email ou tester la délivrabilité.
  • Conserver votre code : il est analysé sur notre serveur puis oublié.

Questions fréquentes

Pourquoi mon email ne s'affiche pas correctement dans Outlook ?▼
Outlook Desktop utilise le moteur de rendu de Word, qui ne supporte pas Flexbox, Grid, ni de nombreuses propriétés CSS modernes. Utilisez des tableaux HTML (<table>) pour la mise en page et du CSS inline uniquement.
Gmail supprime-t-il les balises <style> ?▼
Pas systématiquement. Gmail accepte une balise <style> placée dans le <head>, mais l'écarte entièrement dans plusieurs cas : bloc de styles trop volumineux (au-delà d'environ 8 000 caractères), règle CSS qu'il ne reconnaît pas, ou compte non Google consulté dans l'application Gmail. Le CSS inline (attribut style) reste le seul moyen fiable de conserver la mise en forme.
Quelle est la taille maximale d'un email HTML ?▼
Gmail tronque les emails dont le HTML dépasse 102 Ko avec un message "Afficher l'intégralité du message". Visez moins de 80 Ko pour rester dans la zone de confort.
Comment rendre un email responsive ?▼
Utilisez une approche fluide : des tableaux à largeur en pourcentage avec un max-width inline. Les media queries fonctionnent dans Apple Mail, Gmail et la plupart des messageries mobiles, mais pas dans Outlook pour Windows, et elles sont perdues quand Gmail écarte la balise <style>. L'email doit donc rester lisible sans elles.
Pourquoi utiliser des tables plutôt que des divs ?▼
Les tableaux (<table>) offrent la meilleure compatibilité multi-client. Outlook Desktop ne rend pas correctement les divs avec margin, padding ou display:flex/grid. Les tables restent le standard de fait pour les emails HTML.

Outils complémentaires

Spam Checker

Analysez votre email contre les filtres anti-spam pour améliorer la délivrabilité.

Email Preview

Prévisualisez votre email HTML en temps réel avant l'envoi.