Outlook sous Windows utilise le moteur de rendu de Microsoft Word, pas un moteur web. Résultat : des différences de rendu importantes par rapport à Gmail ou Apple Mail. Ce guide vous aide à adapter votre email HTML Outlook.

Comportement d’Outlook (Windows)

Les versions bureau d’Outlook (2007–2021) utilisent Word pour afficher le corps du message. Les media queries sont ignorées, une partie du CSS aussi. Les arrière-plans (background-image, background-color sur des div) sont souvent mal gérés ; les solutions passent par des cellules de table et parfois le VML (Vector Markup Language) pour les boutons.

Techniques de contournement

Pour les boutons avec fond et coins arrondis, le VML conditionnel (<!--[if mso]>) permet d’afficher une version spécifique pour Outlook. Pour les images de fond, une table avec bgcolor et une image en décoration dans la cellule peut donner un résultat correct. Toujours fournir une version « fallback » lisible sans CSS avancé.

En résumé

  • Outlook Windows = moteur Word : pas de media queries, CSS limité.
  • Utiliser VML et commentaires conditionnels pour les boutons et fonds.
  • Tester systématiquement avec un compte Outlook Windows ou un outil de prévisualisation.