Générateur de signature d'email

Pourquoi du HTML basé sur des tableaux ?

Les clients de messagerie interprètent le HTML de manière incohérente. Outlook utilise le moteur de rendu de Word, qui ignore une grande partie du CSS moderne (pas de flexbox, pas de grille, ombres de boîte limitées). Les mises en page en tableau avec styles en ligne sont le seul modèle que tous les grands clients affichent de façon prévisible. Le générateur écrit exactement ce style restreint, si bien que la signature rend de la même façon dans Gmail, Outlook desktop, Outlook web, Apple Mail et iOS Mail.

Ce que produit le générateur

Le résultat est un tableau simple : votre nom en gras sur la première ligne, votre titre ou votre entreprise en dessous, puis vos coordonnées sur une dernière ligne séparées par une barre verticale :

<table cellpadding="0" cellspacing="0" style="font-family: Arial, sans-serif; font-size: 14px; color: #111827;">
  <tr><td style="font-weight: 700; font-size: 16px;">Alex Rivera</td></tr>
  <tr><td>Lead Designer</td></tr>
  <tr><td style="padding-top: 8px;">alex@example.com | +34 600 000 000 | example.com</td></tr>
</table>

Les champs laissés vides sont simplement ignorés, donc une signature avec seulement un nom et un email reste compacte.

Que doit contenir une signature

Indispensables :

• Nom complet.
• Titre ou rôle.
• Nom de l’entreprise.
• Contact direct (email ou téléphone).

Ajouts utiles :

• URL LinkedIn ou lien vers votre site personnel.
• Numéro de téléphone pour les postes en contact avec la clientèle.

À éviter :

• Les longues citations inspirantes.
• Les GIF animés (beaucoup de clients suppriment l’animation).
• Les grandes images (ralentissent le chargement des mails et sont signalées comme “lourdes”).
• Les mentions de “confidentialité” de plus de 2-3 lignes, sauf obligation légale.
• Un mur d’icônes de réseaux sociaux pour chaque réseau auquel vous vous êtes inscrit.

Ajouter une photo ou un logo plus tard

Le générateur ne produit que du texte. Pour ajouter une photo ou un logo, collez le HTML généré dans l’éditeur de signatures de votre client de messagerie et utilisez ses outils d’image, ou modifiez le HTML pour ajouter une balise img pointant vers une image hébergée. L’image doit se trouver sur une URL accessible publiquement :

• CDN d’entreprise : idéal pour les signatures professionnelles ; votre équipe informatique peut l’héberger sous le domaine de la marque.
• Hébergeurs d’images gratuits (imgur, offre gratuite de Cloudinary) : rapide et gratuit ; risque de panne de l’hébergeur.
• Intégration Base64 : évite l’hébergement mais alourdit chaque email de 20 à 50 Ko et certaines configurations Outlook la suppriment.

Gardez les images petites : moins de 20 Ko, carrées, 120x120 ou moins.

Particularités d’Outlook

• Largeur : restez sous 600px ; les signatures plus larges sont coupées dans le volet d’aperçu.
• Polices : restez sur Arial, Helvetica, Georgia, Verdana, ou utilisez une pile comme font-family: "Segoe UI", Arial, sans-serif;.
• Couleurs : évitez le #000 pur ; le #333 ou #444 rend mieux sur Outlook en mode sombre.
• N’utilisez pas de variables CSS, flex, grid ou SVG comme éléments principaux.

Mentions légales

Certaines juridictions (Companies Act 2006 du Royaume-Uni, exigences de l’UE pour certaines entités) imposent un nom d’entreprise enregistré, un numéro et une adresse dans les emails professionnels. Ajoutez vous-même les informations requises, dans les champs titre et entreprise ou en modifiant le HTML ensuite, et vérifiez avec votre équipe juridique si votre marché les exige.