Générateur de signature e-mail — signatures HTML pour Gmail et Outlook
Créez une signature e-mail HTML professionnelle qui s’affiche correctement dans Gmail, Outlook et Apple Mail, puis copiez-la en un clic.
Voir le code HTML (3 046 caractères)
<table role="presentation" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse;font-family:Arial, Arial, Helvetica, sans-serif;font-size:13px;line-height:19px;color:#4b5563;"><tr><td valign="top" style="padding:0 16px 0 0;"><table role="presentation" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse;"><tr><td width="64" height="64" align="center" valign="middle" style="width:64px;height:64px;background:#244b3f;color:#ffffff;font-family:Arial, Arial, Helvetica, sans-serif;font-size:24px;font-weight:bold;text-align:center;border-radius:32px;">AM</td></tr></table></td><td width="1" style="width:1px;background:#244b3f;font-size:1px;line-height:1px;"> </td><td valign="top" style="padding:0 0 0 16px;font-family:Arial, Arial, Helvetica, sans-serif;font-size:13px;line-height:19px;color:#4b5563;"><div style="font-family:Arial, Arial, Helvetica, sans-serif;font-size:16px;line-height:20px;font-weight:bold;color:#111827;">Alex Morgan</div><div style="font-family:Arial, Arial, Helvetica, sans-serif;font-size:13px;line-height:18px;color:#244b3f;padding-top:2px;">Directrice marketing <span style="color:#d1d5db;">|</span> Northwind Studio</div><div style="padding-top:8px;"><span style="color:#244b3f;font-weight:bold;">P</span> <a href="tel:+14165550142" style="color:#4b5563;text-decoration:none;">+1 (416) 555-0142</a><br><span style="color:#244b3f;font-weight:bold;">E</span> <a href="mailto:alex@northwind.example" style="color:#4b5563;text-decoration:none;">alex@northwind.example</a><br><span style="color:#244b3f;font-weight:bold;">W</span> <a href="https://www.northwind.example" style="color:#4b5563;text-decoration:none;">www.northwind.example</a><br><span style="color:#4b5563;">120 King St W, Toronto, ON</span></div><table role="presentation" cellpadding="0" cellspacing="0" border="0" align="left" style="border-collapse:collapse;margin-top:8px;"><tr><td style="padding:0 4px 0 0;"><a href="https://linkedin.com/in/alexmorgan" title="LinkedIn" style="display:inline-block;background:#244b3f;color:#ffffff;font-family:Arial, Arial, Helvetica, sans-serif;font-size:11px;font-weight:bold;line-height:22px;width:24px;height:22px;text-align:center;text-decoration:none;border-radius:3px;">in</a></td><td style="padding:0 4px 0 0;"><a href="https://x.com/alexmorgan" title="X" style="display:inline-block;background:#244b3f;color:#ffffff;font-family:Arial, Arial, Helvetica, sans-serif;font-size:11px;font-weight:bold;line-height:22px;width:24px;height:22px;text-align:center;text-decoration:none;border-radius:3px;">X</a></td></tr></table><table role="presentation" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse;margin-top:10px;"><tr><td style="background:#244b3f;padding:6px 12px;border-radius:3px;"><a href="https://northwind.example/book" style="color:#ffffff;font-family:Arial, Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;text-decoration:none;">Réserver un appel de 20 minutes</a></td></tr></table></td></tr></table>
Comment l’installer
- Cliquez sur « Copier la signature » ci-dessus.
- Dans Gmail, ouvrez Paramètres (icône en forme de roue dentée) → Voir tous les paramètres → Général.
- Faites défiler jusqu’à Signature, cliquez sur « Créer », donnez-lui un nom, puis collez-la (Ctrl/Cmd+V) dans la zone.
- Sous « Paramètres par défaut des signatures », choisissez-la pour les nouveaux e-mails et les réponses, puis cliquez sur « Enregistrer les modifications » en bas de la page.
- Gmail limite les signatures à 10 000 caractères et n’affiche que les images chargées depuis une URL https:// publique.
Signatures pour toute l’équipe (CSV)
Importez un CSV avec une ligne d’en-tête : name, title, email, phone, mobile, linkedin, x, github, photo (URL). Chaque ligne devient sa propre signature, avec le modèle et les couleurs choisis ci-dessus. L’entreprise, le site web, l’adresse, le logo, le bouton et la mention légale proviennent du formulaire, sauf si le CSV a sa propre colonne pour ceux-ci. Jusqu’à 500 personnes.
Vos coordonnées restent dans votre navigateur : la signature est créée sur cette page et rien n’est envoyé ni enregistré. Les images se chargent depuis les URL que vous saisissez. Parcourir tous les outils gratuits.
Un problème, ou quelque chose à améliorer ? Nous lisons chaque message et corrigeons vite.
Ce générateur de signature e-mail crée une signature à partir de votre nom, de votre poste, de vos coordonnées, d’une photo ou d’un logo, de vos liens sociaux et de votre couleur de marque, l’affiche en direct dans six modèles et vous donne un HTML qui résiste aux clients de messagerie réellement utilisés. Cliquez sur « Copier la signature », collez-la dans la zone de signature de Gmail ou d’Outlook, et la mise en page est conservée.
Les clients de messagerie ne sont pas des navigateurs web. Outlook classique pour Windows affiche le HTML avec Microsoft Word, Gmail supprime les blocs de style et les classes CSS, et la plupart des clients bloquent les images qui ne sont pas à une adresse https:// publique. Le résultat utilise donc uniquement des tableaux imbriqués et des styles en ligne, des polices web sûres et des tailles d’image explicites. Ce qu’il ne peut pas faire, c’est héberger vos images : une photo ou un logo doit déjà être en ligne, et la page explique pourquoi si vous essayez un fichier local. Pour toute une équipe, envoyez un CSV avec les noms, postes et numéros de téléphone du personnel et téléchargez une signature HTML par personne, toutes dans le même modèle et la même couleur de marque.
Mode d’emploi
- Remplissez vos coordonnées. Les champs vides sont entièrement omis de la signature.
- Collez l’URL https:// d’une photo ou d’un logo hébergé, ou laissez les deux vides pour utiliser une vignette d’initiales.
- Choisissez un modèle et une couleur de marque, et ajoutez au besoin des liens sociaux, un bouton ou une mention légale.
- Cliquez sur « Copier la signature » et collez-la dans les paramètres de signature de votre client de messagerie. Les étapes d’installation pour chaque client se trouvent sous l’aperçu.
- Envoyez-vous un e-mail de test et vérifiez-le sur votre téléphone comme sur votre ordinateur.
Questions fréquentes
Comment ajouter une signature HTML dans Gmail ?
Cliquez sur « Copier la signature » sur cette page, puis dans Gmail ouvrez Paramètres, Voir tous les paramètres, Général, faites défiler jusqu’à Signature, cliquez sur Créer et collez dans la zone. Sélectionnez-la sous Signature par défaut et cliquez sur Enregistrer les modifications en bas de la page. Ne collez pas le code source HTML : l’éditeur de Gmail n’accepte que la signature affichée, qui est ce que le bouton de copie place dans votre presse-papiers.
Pourquoi les images de ma signature ne s’affichent-elles pas ?
Généralement parce que l’image n’est pas à une URL https:// publique. Gmail supprime les images base64 (data:) des signatures, Outlook bloque beaucoup d’images externes tant que le destinataire ne les autorise pas, et les images en http:// ou derrière une connexion échouent partout. Hébergez l’image sur votre site web ou un CDN, utilisez le lien https:// et gardez-la légère (moins d’environ 100 Ko).
Pourquoi ma signature est-elle différente dans Outlook ?
Outlook classique pour Windows utilise Word pour afficher les e-mails, et Word ignore de nombreuses propriétés CSS, dont les coins arrondis : une photo ronde apparaît carrée et les espacements peuvent légèrement bouger. Ce générateur évite le CSS de mise en page que Word abandonne en utilisant des tableaux, et c’est pourquoi la structure tient. Le nouvel Outlook et Outlook sur le web ont un rendu plus proche de celui d’un navigateur.
Quelle taille pour la photo ou le logo d’une signature e-mail ?
Affichez-le à environ 80–120 px de large et envoyez une image deux fois plus grande (par exemple 176×176 px pour une photo de 88 px) pour qu’elle reste nette sur les écrans haute densité. Gardez le fichier sous 100 Ko. Utilisez le PNG pour les logos en aplats de couleur et le JPG pour les photos.
Quelle longueur pour une signature e-mail ?
Gmail limite les signatures à 10 000 caractères de HTML, et ce générateur reste bien en dessous. En pratique, limitez-vous à quatre ou cinq lignes : nom, fonction et entreprise, un ou deux moyens de vous joindre, et au plus un appel à l’action. Les longues signatures sont tronquées dans les réponses et repoussent votre message hors de l’écran sur les téléphones.
Ce qui fonctionne vraiment dans les signatures e-mail
• Des tableaux pour la mise en page, pas des div en flexbox ou en grid. Outlook pour Windows ignore la mise en page CSS moderne.
• Des styles en ligne sur chaque élément. Gmail supprime les blocs <style> et les noms de classe des signatures.
• Des polices web sûres (Arial, Helvetica, Verdana, Georgia). Une police web personnalisée est remplacée par Times New Roman dans Outlook.
• Des images hébergées avec attributs width et height. Sans tailles explicites, Outlook peut afficher un logo à sa taille d’origine.
• Du texte pour les numéros de téléphone, les e-mails et les liens, pas des images. Ils restent cliquables, lisibles quand les images sont désactivées et accessibles aux lecteurs d’écran.
Les icônes sociales sont un piège courant : chaque icône est une image de plus à héberger, bloquée par défaut dans de nombreuses boîtes de réception. Les modèles proposés ici utilisent plutôt de petits badges texte colorés, qui s’affichent partout.
Choisir un modèle
Classique et Moderne conviennent à la plupart des usages professionnels : une photo ou un logo à côté de vos coordonnées. Compact est conçu pour les personnes qui répondent beaucoup et ne veulent pas d’un grand bloc sous chaque message. Centré convient aux métiers créatifs où la signature fait partie de la marque. Bannière donne plus de poids à la couleur de marque. Texte seul ne contient ni image ni bloc coloré, ce qui en fait le choix le plus sûr pour les clients en texte brut, les listes de diffusion et les services d’assistance.
Quel que soit votre choix, utilisez le même modèle dans toute l’équipe. Des signatures cohérentes paraissent réfléchies ; un mélange de styles donne l’impression que personne ne gère la marque.
Mentions légales et liens de suivi
Certaines juridictions exigent des informations sur l’entreprise dans les e-mails professionnels. Au Royaume-Uni, une société à responsabilité limitée doit indiquer sa dénomination, son numéro d’immatriculation et l’adresse de son siège social ; en Allemagne, les règles de l’Impressum couvrent des informations similaires. Une clause de confidentialité a peu de valeur juridique en soi : si vous en utilisez une, restez bref.
Si vous ajoutez un bouton d’appel à l’action ou un lien vers une page d’atterrissage, balisez-le avec des paramètres UTM (notre générateur d’UTM crée le lien) pour que les clics apparaissent comme "email signature" dans vos statistiques plutôt que comme du trafic direct.
Outils gratuits similaires
- Vérificateur de mots spam — Collez l’objet et le corps d’un e-mail pour repérer les expressions qui déclenchent les filtres antispam, les majuscules criardes, les problèmes de liens et d’images, et l’absence de lien de désinscription.
- Testeur d’objet d’e-mail — Notez un objet d’e-mail selon sa longueur, ses mots déclencheurs de spam, ses majuscules et sa ponctuation, et voyez comment il est tronqué sur iPhone et dans Gmail.
- Générateur de QR code — Créez un QR code pour une URL, un texte, un e-mail, un téléphone, un SMS, un Wi-Fi ou une carte de contact, à vos couleurs, et téléchargez-le en PNG ou SVG. Les codes n’expirent jamais.
- Générateur de liens UTM — Créez des liens de suivi UTM propres et cohérents pour savoir exactement quelles campagnes vous apportent des clients.