Le blocage d'images
Une partie des clients n'affiche pas les images tant que le destinataire ne l'autorise pas. Une signature dont le nom et le téléphone sont dans un fichier PNG devient alors un rectangle vide. Le texte doit rester du texte.
Référence
Compatibilité des signatures mail : ce qui casse, et pourquoi
Il n'existe pas de standard du HTML d'e-mail. Chaque client applique son propre moteur et sa propre liste de propriétés autorisées. Voici l'état réel du terrain, sans arrondi.
Les moteurs de rendu
C'est le moteur, pas la marque, qui détermine ce qui s'affiche. Trois familles couvrent la quasi-totalité des destinataires.
| Famille | Moteur | Clients concernés | Conséquence pratique |
|---|---|---|---|
| Word | Microsoft Word | Outlook 2007 à 2021 pour Windows, Outlook 365 en application classique | Pas de flex, pas de grid, pas de border-radius, pas d'image de fond. Les tableaux sont obligatoires. |
| WebKit / Blink | Safari, Chrome | Apple Mail, Outlook pour Mac, Spark, Superhuman, applications mobiles | Rendu proche d'un navigateur. Le mode sombre réécrit les couleurs. |
| Webmail assaini | Moteur du navigateur + filtre serveur | Gmail, Outlook.com, Yahoo, Orange, Free, SFR, ProtonMail, Zoho | Les balises <style> et une partie des sélecteurs sont supprimées. Seul le style inline survit. |
Propriétés CSS : ce qui passe, ce qui saute
| Propriété | Outlook Windows | Gmail | Apple Mail | Usage dans Parafe |
|---|---|---|---|---|
display:flex / grid | Ignoré | OK | OK | Jamais utilisé |
<table> imbriqués | OK | OK | OK | Structure de base |
| Style inline sur la balise | OK | OK | OK | Seule méthode employée |
Balise <style> | Partiel | Supprimée | OK | Jamais utilisée |
border-radius | Ignoré | OK | OK | Décoratif uniquement, dégradation propre |
background-image | Ignoré | OK | OK | Jamais porteur d'information |
background-color | OK | OK | OK | Badges et boutons, doublé de l'attribut bgcolor |
| Polices web (Google Fonts) | Ignoré | Ignoré | Partiel | Polices système uniquement |
| Images SVG | Ignoré | Bloqué | OK | Jamais utilisé |
Images data: URI | Ignoré | Bloqué | OK | Refusé à l'import |
object-fit | Ignoré | OK | OK | Doublé d'attributs width/height |
| Media queries | Ignoré | Partiel | OK | Largeurs fixes, sûres partout |
Les trois pièges qui abîment le plus de signatures
Le mode sombre
Apple Mail et Gmail inversent les couleurs quand le lecteur est en thème sombre. Un texte gris très foncé passe en gris très clair sur fond clair : illisible. Un logo noir sur fond transparent disparaît.
Le copier-coller depuis Word
Coller une signature depuis Word ou Pages injecte des balises propriétaires que Gmail réécrit à sa façon. Le rendu change alors d'un envoi à l'autre. Il faut coller depuis le HTML rendu, jamais depuis un traitement de texte.
Ce que Parafe garantit, et ce qu'il ne garantit pas
Garanti : la structure, les couleurs, les liens, les tailles de texte et l'ordre des éléments sont identiques dans tous les clients listés. La version texte est toujours fournie. Aucune propriété CSS non supportée n'est présente dans le fichier livré.
Non garanti : les angles arrondis dans Outlook pour Windows, qui s'affichent carrés — c'est une dégradation attendue, pas un défaut. L'affichage des images chez un destinataire qui les bloque. Le rendu exact du mode sombre, dont chaque client applique sa propre règle d'inversion.