Signature mail HTML : créer, coller ou importer une signature HTML (Outlook, Gmail, Apple Mail, Thunderbird)

Une signature mail HTML est une signature construite avec du code HTML, comme une petite page web : elle peut contenir votre logo, des couleurs, des liens et des icônes de réseaux sociaux. Pour l'installer, retenez une règle simple : dans Outlook, Gmail et Apple Mail, vous collez la signature affichée (copiée depuis un navigateur), jamais le code. Seuls Thunderbird et quelques champs spécialisés acceptent directement le code source, avec l'option Utiliser HTML.

La vraie difficulté, c'est le code : une messagerie n'est pas un navigateur, et Outlook pour Windows affiche les e-mails avec le moteur de Word. Ce guide donne les règles d'un code « compatible e-mail », les étapes pour chaque messagerie en octobre 2026 (d'après l'aide officielle de Microsoft, Google, Apple et Mozilla), puis les tests et les pannes fréquentes.

Qu'est-ce qu'une signature mail HTML ?

Presque toutes les signatures que vous recevez sont en HTML, même les plus sobres : dès qu'il y a un nom en gras, un lien cliquable ou un logo, c'est du HTML. À l'opposé, une signature en texte brut ne contient que des caractères : pas de gras, pas d'image, pas de couleur.

Quand on parle de « signature HTML », on pense en général à une signature mise en page : logo à gauche, coordonnées à droite, icônes en couleur. Son intérêt : vous la construisez une fois, puis vous collez le même modèle dans Outlook au bureau, dans Gmail et sur le Mac de la maison. Le revers : un code HTML écrit pour un site web s'affiche presque toujours mal dans une messagerie. D'où les règles ci-dessous.

Les règles d'un code HTML compatible avec les messageries

Si vous écrivez le code vous-même, ou si vous évaluez un modèle trouvé en ligne, vérifiez ces points :

Pour les tailles, les repères habituels : un logo de 120 à 180 px de large, le nom en 16 à 18 px, le reste du texte en 13 à 14 px, des icônes sociales de 20 à 24 px. Notre guide de la taille d'une signature mail détaille chaque dimension.

Voici à quoi ressemble le squelette d'une signature HTML compatible (adresses d'exemple) :

<table cellpadding="0" cellspacing="0" border="0" style="font-family:Arial,Helvetica,sans-serif;">
  <tr>
    <td style="padding-right:16px;vertical-align:top;">
      <img src="https://example.com/logo.png" width="140" height="48" alt="Menuiserie Martin" style="display:block;border:0;">
    </td>
    <td style="vertical-align:top;font-size:13px;line-height:20px;color:#333333;">
      <strong style="font-size:17px;color:#1f3a5f;">Julien Martin</strong><br>
      Gérant, Menuiserie Martin<br>
      <a href="tel:+33465711234" style="color:#333333;text-decoration:none;">+33 4 65 71 12 34</a><br>
      <a href="https://example.com" style="color:#1f3a5f;">example.com</a>
    </td>
  </tr>
</table>

Le plus long n'est pas d'écrire ce code, c'est de le tester dans chaque messagerie, en mode sombre et sur téléphone.

Créer une signature HTML sans écrire de code

Signguin est un générateur de signature mail gratuit qui produit ce type de code : tableaux, styles en ligne, images de taille fixe, icônes PNG dans la couleur de votre marque, polices système, sous la limite de Gmail. Entrez votre adresse professionnelle : Signguin récupère le logo, les couleurs et les coordonnées de votre entreprise sur votre site, et héberge les images.

Une fois la signature prête, l'écran Installer propose deux boutons :

• Copier la signature copie la signature affichée. C'est celui qu'il faut pour Outlook, Gmail, Apple Mail et l'iPhone.
• Copier le code HTML copie le code source. Il sert à Thunderbird (avec Utiliser HTML) et aux applications qui demandent explicitement du code.

Pour Gmail, le bouton Ajouter automatiquement dans Gmail installe la signature directement dans Gmail après votre autorisation, sans lire vos e-mails. Les trois modèles gratuits (Classique, Simple et Artisan) ne demandent aucune inscription et ajoutent un petit lien « Créé avec Signguin » en bas.

Coller la signature ou coller le code : le tableau à garder

C'est l'erreur la plus fréquente. Si vous collez du code dans un éditeur qui attend une signature affichée, vos destinataires verront <table cellpadding=...> au lieu de votre nom.

Vous avez seulement un fichier .html ou du code ? Ouvrez le fichier dans votre navigateur (double-clic), sélectionnez toute la signature affichée avec la souris, faites Ctrl+C (Cmd+C sur Mac) et collez-la dans votre messagerie. Microsoft donne ce même conseil pour le nouvel Outlook, qui ne sait pas lire un fichier .htm.

Installer une signature HTML dans le nouvel Outlook et Outlook sur le web

Le nouvel Outlook pour Windows et Outlook sur le web (outlook.com, outlook.office.com) partagent le même écran.

1. Copiez votre signature affichée depuis le navigateur.
2. Sélectionnez Paramètres (la roue dentée en haut à droite).
3. Allez dans Comptes > Signatures.
4. Sélectionnez Ajouter une signature et donnez-lui un nom.
5. Cliquez dans la zone d'édition et collez avec Ctrl+V.
6. Choisissez si elle s'ajoute aux nouveaux messages et aux réponses et transferts.
7. Sélectionnez Enregistrer.

Vérifiez aussi que vos messages partent en HTML : Paramètres > Courrier > Composer et répondre, rubrique Format du message. En texte brut, toute signature perd logo et couleurs. Le détail de chaque version d'Outlook, y compris Mac et mobile, est dans notre guide signature Outlook.

Importer une signature HTML dans Outlook classique

La méthode simple : le copier-coller

1. Ouvrez un nouveau message, onglet Message, puis Signature > Signatures. Autre chemin : Fichier > Options > Courrier > Signatures.
2. Dans Compte de messagerie, choisissez le compte.
3. Cliquez sur Nouveau, donnez un nom et validez.
4. Cliquez dans la zone Modifier la signature et collez avec Ctrl+V.
5. Sous Choisir une signature par défaut, réglez Nouveaux messages et Réponses/transferts.
6. Cliquez sur OK.

Dans Fichier > Options > Courrier, vérifiez que le format de rédaction est bien HTML.

La méthode avancée : remplacer le fichier .htm

Outlook classique enregistre chaque signature sous forme de fichiers dans le dossier %APPDATA%\Microsoft\Signatures : un .htm, un .rtf, un .txt et un dossier d'images. Certaines personnes y remplacent le contenu du fichier .htm par leur propre code. Ça fonctionne souvent, mais Microsoft ne documente pas cette méthode et ses modérateurs recommandent le copier-coller. Si vous la tentez :

1. Créez d'abord une signature vide dans Outlook (étapes ci-dessus), nommée par exemple « HTML ».
2. Fermez Outlook.
3. Appuyez sur Windows + R, collez %APPDATA%\Microsoft\Signatures et validez.
4. Copiez le fichier HTML.htm ailleurs, en sauvegarde.
5. Ouvrez HTML.htm avec le Bloc-notes, remplacez son contenu par votre code complet et enregistrez en UTF-8 (sinon les accents s'affichent mal).
6. Rouvrez Outlook et envoyez-vous un test.

Deux limites : le nouvel Outlook ne lit pas ces fichiers (il stocke les signatures dans votre boîte aux lettres), et avec les signatures itinérantes (build 2303 et suivantes, comptes Microsoft 365 ou Outlook.com), Outlook classique synchronise aussi les signatures par défaut avec la boîte aux lettres. En cas de doute, revenez au copier-coller.

Ajouter une signature HTML dans Gmail

Gmail n'a aucun champ pour coller du code HTML. Si vous y collez du code, il s'affichera tel quel. Il faut coller la signature affichée :

1. Copiez votre signature affichée depuis le navigateur.
2. Dans Gmail sur ordinateur, cliquez sur Paramètres (la roue dentée), puis sur Voir tous les paramètres.
3. Dans l'onglet Général, descendez jusqu'à la section Signature et créez une nouvelle signature.
4. Collez avec Ctrl+V (Cmd+V sur Mac).
5. Juste en dessous, dans les paramètres par défaut, choisissez-la pour les nouveaux e-mails et pour les réponses et transferts.
6. Tout en bas, cliquez sur Enregistrer les modifications.

Gmail limite la signature à 10 000 caractères, image comprise : en cas d'erreur, la cause est souvent une image collée directement plutôt qu'hébergée. L'application Gmail sur téléphone a sa propre signature. Le détail est dans notre guide signature Gmail.

Signature HTML dans Apple Mail sur Mac

1. Copiez votre signature affichée depuis le navigateur (Safari, Chrome ou autre).
2. Dans Mail, choisissez Mail > Réglages, puis cliquez sur Signatures.
3. Dans la colonne de gauche, sélectionnez votre compte.
4. Cliquez sur le bouton + sous la colonne du milieu et donnez un nom à la signature.
5. Décochez Toujours utiliser ma police de message par défaut. Sinon, Mail remplace vos polices et vos tailles par les siennes.
6. Cliquez dans la colonne de droite, effacez le texte proposé et collez avec Cmd+V.
7. Dans Choisir la signature, sélectionnez-la comme signature par défaut du compte.

Sur les versions de macOS antérieures à Ventura, le menu s'appelle Mail > Préférences. Si vous utilisez iCloud Drive pour Mail, Apple indique que vos signatures se retrouvent sur vos autres Mac.

Certains tutoriels font modifier les fichiers .mailsignature de la Bibliothèque : Apple ne documente pas cette méthode, et le copier-coller suffit presque toujours.

Signature HTML dans Thunderbird

Thunderbird est la seule grande messagerie qui accepte directement le code. Deux méthodes, d'après l'aide de Mozilla :

Coller le code

1. Copiez le code source (dans Signguin : Copier le code HTML).
2. Ouvrez Paramètres des comptes (bouton de menu, ou menu Outils ou Édition selon votre système) et sélectionnez votre compte dans le panneau de gauche.
3. Cochez Utiliser HTML.
4. Collez le code dans le champ Texte de signature.

Utiliser un fichier

1. Enregistrez votre code dans un fichier .html.
2. Dans Paramètres des comptes, cochez Apposer la signature à partir d'un fichier.
3. Cliquez sur Choisir et sélectionnez le fichier.

Chaque compte a sa propre signature. Pour la placer au-dessus de la citation dans les réponses, passez par Paramètres des comptes > votre compte > Rédaction et adressage. Mozilla rappelle aussi que beaucoup de gens bloquent le contenu distant : vos images hébergées s'afficheront chez eux seulement s'ils l'autorisent. Notre guide signature Thunderbird entre dans le détail.

Tester votre signature HTML avant de l'utiliser

Cinq minutes suffisent :

1. Envoyez-vous un e-mail depuis la messagerie où vous avez installé la signature, vers une autre adresse (Gmail si vous êtes sur Outlook, et inversement).
2. Ouvrez-le sur un téléphone. La signature doit tenir sur la largeur de l'écran sans défilement horizontal.
3. Répondez à ce message : la version de réponse est-elle la bonne ?
4. Passez en mode sombre. Un logo foncé sur fond transparent peut disparaître ; dans Signguin, l'option Fond blanc derrière le logo règle ce cas.
5. Cliquez sur chaque lien : téléphone, site, réseaux sociaux.
6. Regardez les pièces jointes : aucun fichier image001.png ne doit apparaître.

« Je la vois en rédigeant, mais pas le destinataire » : les pannes fréquentes

Le destinataire voit le code au lieu de la signature. Vous avez collé le code source dans un éditeur qui attend une signature affichée. Ouvrez le fichier dans un navigateur, copiez ce qui s'affiche et recollez.

Le logo s'affiche chez vous, pas chez lui. L'image pointe vers un fichier de votre ordinateur (C:\... ou file://) que personne d'autre ne peut ouvrir, ou vers une adresse qui a changé. Utilisez une image hébergée en ligne, avec une adresse https:// stable. Autre cause : Outlook classique bloque par défaut le téléchargement des images distantes, et Thunderbird peut bloquer le contenu distant. Le destinataire doit les autoriser ; gardez donc votre nom et votre téléphone en vrai texte, jamais dans une image.

Le logo arrive en pièce jointe. L'image a été intégrée au message au lieu d'être liée, souvent après un collage depuis un fichier local ou un document Word. Recollez une signature dont les images sont hébergées.

Le logo est énorme ou la mise en page se défait dans Outlook pour Windows. L'image n'a pas d'attributs width et height, ou le code utilise des div et du flexbox qu'Outlook ignore. Fixez la taille des images et construisez la mise en page en tableaux.

Plus rien ne s'affiche, tout est en texte brut. Votre messagerie rédige en texte brut, ou vous répondez à un message reçu en texte brut. Repassez le format en HTML.

Un manchot naît en smoking, une signature HTML non : elle a besoin d'un code propre et d'un test. Pour savoir quoi y mettre, consultez notre guide signature mail, et pour la formule qui la précède, nos formules de politesse pour un mail.

FAQ

Comment créer une signature mail HTML ?

Deux options : écrire le code vous-même, en tableaux avec styles en ligne, polices système et images hébergées de taille fixe, ou utiliser un générateur qui produit ce code pour vous, comme Signguin. Dans les deux cas, ouvrez ensuite la signature dans un navigateur, copiez-la et collez-la dans les réglages de signature de votre messagerie, puis envoyez-vous un test.

Peut-on coller du code HTML dans une signature Gmail ?

Non. Gmail n'a pas de champ de code : le code collé s'affiche tel quel dans vos e-mails. Ouvrez votre fichier HTML dans un navigateur, sélectionnez la signature affichée, copiez-la et collez-la dans Paramètres > Voir tous les paramètres > Signature. Pensez à la limite de 10 000 caractères et enregistrez les modifications en bas de la page.

Comment importer un fichier HTML de signature dans Outlook ?

Ouvrez le fichier .htm ou .html dans un navigateur, copiez la signature affichée et collez-la dans l'éditeur de signature d'Outlook. Le nouvel Outlook ne sait pas lire les fichiers du dossier Signatures. Dans Outlook classique, remplacer le fichier .htm dans %APPDATA%\Microsoft\Signatures fonctionne souvent, mais Microsoft ne documente pas cette méthode : sauvegardez d'abord le fichier d'origine.

Pourquoi ma signature HTML ne s'affiche-t-elle pas chez le destinataire ?

Le plus souvent, les images pointent vers un fichier de votre ordinateur, ou la messagerie du destinataire bloque les images distantes. Vérifiez aussi que vous n'avez pas collé le code source et que vos e-mails partent bien en HTML et non en texte brut. Un e-mail de test vers une autre adresse permet de repérer la cause en quelques minutes.

Le SVG fonctionne-t-il dans une signature mail ?

Pas partout. Les anciennes versions d'Outlook (2007 à 2016 pour Windows), encore présentes dans beaucoup de bureaux, ne l'affichent pas. Pour un logo ou des icônes, utilisez le PNG, qui s'affiche dans toutes les messageries courantes. Le JPG convient mieux à une photo.