# Tutoriel signature e-mail : créer une signature pro

Votre signature accompagne chacun de vos messages : c'est votre carte de visite la plus distribuée. Cette mini-formation explique ce qu'elle doit contenir et pourquoi certaines signatures s'affichent mal chez le destinataire.

- Mini-formation : Débutant
- URL : https://ressources.online/outils/signature-email/tutoriel/
- Ouvrir l'outil : https://ressources.online/outils/signature-email/
- Mis à jour le 2026-09-27

## Ce que vous allez apprendre

- Choisir les informations utiles d'une signature et laisser le reste de côté.
- Comprendre pourquoi le logo doit être une image en ligne, et pourquoi il est parfois bloqué.
- Créer une signature lisible partout, y compris en mode sombre.
- L'installer dans Gmail, Outlook ou Apple Mail.

## Comprendre la signature e-mail en 5 minutes

### Ce que contient une bonne signature

Une signature sert à une chose : permettre au destinataire de savoir qui vous êtes et de vous joindre facilement. Quatre à six lignes suffisent :

- votre prénom et votre nom ;
- votre fonction et le nom de votre structure ;
- un numéro de téléphone, qui se compose d'un toucher sur mobile ;
- l'adresse de votre site.
Le logo, l'adresse postale, deux ou trois réseaux sociaux ou un bouton (« Prendre rendez-vous », « Faire un don ») sont des bonus. Ajoutez-les seulement s'ils servent vraiment à vos correspondants. Votre adresse e-mail reste utile quand un message est transféré, mais inutile de l'écrire en grand.

Une signature n'est pas une plaquette publicitaire : plus elle est courte, plus elle est lue.

### Pourquoi le logo doit être une adresse en ligne

Quand vous collez une image depuis votre ordinateur dans une signature, la messagerie l'envoie en **pièce jointe** avec chaque message. Résultat : des fichiers « image001.png » s'accumulent chez vos correspondants, et le logo disparaît parfois complètement.

La bonne méthode consiste à déposer le logo sur Internet, par exemple sur votre site ou dans la médiathèque de WordPress, puis à indiquer son **adresse**. Elle commence par `https://` et finit souvent par .png ou .jpg. La messagerie du destinataire va chercher l'image au moment où il ouvre le message.

Évitez les liens Google Drive, Dropbox ou Facebook : ils mènent à une page de visualisation, pas directement à l'image, ou demandent une connexion. Gardez aussi un logo léger, d'environ 100 à 150 pixels de large.

### Tableaux et styles en ligne : la langue des messageries

Une page web moderne se met en page avec des **feuilles de style**, des règles de présentation rangées à part. Les messageries sont beaucoup plus prudentes : pour des raisons de sécurité, beaucoup suppriment ou ignorent ces règles. L'ancien Outlook pour Windows affiche même les e-mails avec le moteur de Word, qui ne comprend qu'une partie du HTML.

C'est pourquoi les signatures solides sont construites à l'ancienne : des **tableaux** pour placer le logo à côté du texte, et des **styles en ligne**, c'est-à-dire la couleur et la taille écrites directement sur chaque élément. C'est moins élégant pour un développeur, mais c'est ce qui s'affiche pareil dans Gmail, Outlook, Apple Mail ou Thunderbird.

Même logique pour les polices : Arial, Verdana, Trebuchet et Georgia sont installées partout. Une police originale serait remplacée par une autre chez le destinataire.

### Images bloquées et mode sombre

Certaines messageries, notamment Outlook sur ordinateur, **bloquent les images** tant que le destinataire n'a pas cliqué pour les afficher. Votre logo apparaît alors comme un cadre vide. Règle d'or : aucune information importante ne doit se trouver seulement dans l'image. Votre nom, votre téléphone et votre site doivent être écrits en texte.

Le **mode sombre**, très répandu sur téléphone, cache un autre piège. La messagerie éclaircit les textes foncés pour qu'ils restent lisibles sur fond noir, mais elle ne touche pas aux images. Un logo noir sur fond transparent devient alors invisible. Préférez un logo sur fond blanc.

C'est aussi pourquoi une signature faite d'une seule grande image est une mauvaise idée : illisible si elle est bloquée, et souvent jugée suspecte par les filtres anti-spam.

### Mentions utiles pour une entreprise ou une association

Pour une **société**, la correspondance commerciale doit en principe indiquer certaines informations : numéro SIREN, mention RCS suivie de la ville du greffe, et selon la forme juridique, le capital social. Beaucoup d'entreprises les ajoutent donc à la signature des e-mails envoyés aux clients. Demandez à votre expert-comptable ce qui s'applique à votre cas.

Pour une **association**, une ligne suffit souvent : « Association loi 1901 » dans la plupart des départements ; en Alsace-Moselle, par exemple « Association inscrite au registre des associations du tribunal judiciaire de Colmar ». Le champ « Petite ligne en bas » de notre outil est prévu pour cela, ou pour vos horaires d'ouverture.

En revanche, les avertissements de confidentialité de dix lignes sont rarement lus et alourdissent chaque message.

> À retenir : Une bonne signature est courte, écrite en texte, avec un logo léger hébergé en ligne : elle reste lisible même quand les images sont bloquées ou que l'écran passe en mode sombre.

## Les mots à connaître

- **Signature HTML** : Signature mise en forme (couleurs, gras, logo, liens), écrite dans le langage des pages web.
- **Adresse de l'image** : Adresse Internet qui mène directement au fichier de l'image, par exemple https://exemple.fr/logo.png.
- **Style en ligne** : Mise en forme écrite directement sur chaque élément (couleur, taille). C'est la seule que toutes les messageries respectent.
- **Mode sombre** : Affichage en texte clair sur fond foncé. La messagerie ajuste alors les couleurs du texte, mais pas celles des images.
- **Fichier .htm** : Page web enregistrée sur l'ordinateur. L'ancien Outlook pour Windows range ses signatures sous cette forme.
- **Filtre anti-spam** : Système qui classe les messages douteux dans les « indésirables ». Une signature faite d'une seule grande image peut l'alerter.

## Créer votre signature pas à pas

### Étape 1 : Remplissez vos informations

Ouvrez le [générateur de signature e-mail](https://ressources.online/outils/signature-email/). Dans le bloc **Vous**, indiquez **Prénom**, **Nom**, **Fonction** et **Entreprise ou association**. Dans **Coordonnées**, remplissez ce qui est utile : **Téléphone**, **Mobile**, **E-mail**, **Site Internet**, **Adresse**.

Tant que vous n'avez pas tapé de nom, l'aperçu montre un exemple. Les champs laissés vides n'apparaissent pas dans la signature.

> Astuce : Vos informations restent sur cet appareil pour la prochaine fois. Sur un ordinateur partagé, cliquez sur « Tout effacer » avant de partir.

### Étape 2 : Ajoutez votre logo ou votre photo

Dans **Logo ou photo**, collez l'adresse de l'image dans le champ **Adresse de l'image (facultatif)**. Pour la trouver, allez sur votre site, faites un clic droit sur le logo, puis choisissez « Copier l'adresse de l'image ».

Réglez la **Largeur de l'image** (100 à 150 px conviennent) et cochez **Image ronde (pour une photo de vous)** s'il s'agit d'un portrait. Si un message d'alerte apparaît sous l'aperçu (adresse en http://, lien Google Drive…), suivez son conseil.

> Astuce : Pas de site ? Laissez le champ vide : vous pourrez ajouter le logo ensuite avec le bouton « Insérer une image » de l'éditeur de signature de Gmail.

### Étape 3 : Réseaux sociaux, bouton et petite ligne

Dans **Réseaux sociaux et bouton**, indiquez vos pages LinkedIn, Facebook, Instagram ou YouTube : seulement celles que vous faites vivre. Ouvrez **Ajouter un bouton (prise de rendez-vous, don, inscription…)** pour afficher un bouton coloré, puis remplissez **Texte du bouton** et **Lien du bouton**.

Le champ **Petite ligne en bas (facultatif)** accueille vos horaires ou une mention légale courte.

### Étape 4 : Choisissez l'apparence

Dans **Apparence**, trois modèles : **Logo à gauche**, **Logo en haut** ou **Compact, sans image**. Choisissez ensuite une **Couleur** parmi les pastilles, ou la vôtre avec le sélecteur de couleur, puis une **Police** : Arial, Verdana, Trebuchet ou Georgia.

Si la couleur est trop claire, l'outil vous prévient : un texte jaune pâle ou gris clair se lit mal sur fond blanc.

> Astuce : Reprenez la couleur principale de votre logo ou de votre site : la signature paraît tout de suite plus professionnelle.

### Étape 5 : Vérifiez l'aperçu et copiez

L'**Aperçu** montre la signature sous un faux message. Quand la phrase « Prête : copiez-la, puis collez-la dans votre messagerie. » s'affiche, cliquez sur **Copier la signature**.

Sous ce bouton, deux liens servent dans des cas particuliers : **Copier le code HTML (Thunderbird, Brevo)** et **Télécharger le fichier .htm (ancien Outlook)**.

### Étape 6 : Collez-la dans votre messagerie

**Gmail** : roue dentée › **Voir tous les paramètres** › onglet **Général**, rubrique **Signature**, **Créer**, puis collez (Ctrl+V). Choisissez-la pour les nouveaux e-mails et les réponses, puis cliquez sur **Enregistrer les modifications** tout en bas. Le détail en images : [Gmail : écrire un e-mail et créer sa signature](https://ressources.online/gmail-ecrire-mettre-en-forme-signature-tutoriel/).

**Outlook** (nouveau Outlook, Outlook.com) : **Paramètres** › **Comptes** › **Signatures**. **Apple Mail** : Mail › **Réglages** › **Signatures**, en décochant « Toujours utiliser ma police par défaut ». Les autres cas sont décrits sous l'outil, rubrique « Installer la signature ».

> Astuce : Envoyez-vous un message de test et ouvrez-le aussi sur votre téléphone : c'est le meilleur contrôle.

## Cas pratiques

### Une présidente d'association

Camille, présidente des Amis du Vélo, écrit aux adhérents et aux mairies depuis Gmail. Elle choisit le modèle **Logo à gauche**, colle l'adresse du logo déposé dans la médiathèque WordPress du club, ajoute la page Facebook et un bouton « Adhérer au club ». En bas, une petite ligne : « Association inscrite au registre des associations du tribunal judiciaire de Colmar ».

### Un artisan qui répond depuis son téléphone

Un menuisier lit et envoie ses messages sur son téléphone, souvent en mode sombre. Il choisit le modèle **Compact, sans image** : nom, métier, mobile et site sur trois lignes. Rien ne peut être bloqué, rien ne disparaît sur fond noir, et ses clients l'appellent d'un simple toucher sur le numéro.

### Un bureau équipé de l'ancien Outlook

Dans une petite entreprise équipée de l'ancien Outlook pour Windows, le logo ne s'affichait pas après le collage. La solution : **Télécharger le fichier .htm (ancien Outlook)**, le placer dans le dossier des signatures d'Outlook, puis redémarrer Outlook. Le chemin exact du dossier est indiqué sous l'outil, rubrique « Ancien Outlook pour Windows ».

## Les erreurs à éviter

- Coller un logo depuis l'ordinateur : il part en pièce jointe avec chaque message, ou disparaît.
- Écrire le nom ou le téléphone seulement dans l'image : si les images sont bloquées, le destinataire ne voit rien.
- Faire une signature de quinze lignes, avec citation, bannière et long avertissement de confidentialité.
- Utiliser un logo foncé sur fond transparent : il devient invisible en mode sombre.
- Donner un lien Google Drive ou Dropbox comme adresse d'image : il mène à une page, pas à l'image.

## L'essentiel

- Quatre à six lignes : nom, fonction, structure, téléphone, site.
- Le logo doit être une image en ligne (https://), légère, d'environ 100 à 150 pixels de large.
- Les informations importantes toujours en texte, jamais seulement dans une image.
- Tableaux, styles en ligne et polices courantes garantissent un affichage identique partout.
- Testez en vous envoyant un message, sur ordinateur et sur téléphone.

## Testez-vous

1. Pourquoi indiquer l'adresse en ligne du logo plutôt que de coller l'image ?
   - [ ] Parce que c'est plus joli
   - [x] Parce qu'une image collée part en pièce jointe ou disparaît
   - [ ] Parce qu'une image en ligne n'est jamais bloquée
   Une image collée depuis l'ordinateur est jointe à chaque message, ou supprimée. Attention : même une image en ligne peut être bloquée jusqu'à ce que le destinataire l'autorise.

2. Que devient un logo noir sur fond transparent en mode sombre ?
   - [x] Il devient presque invisible
   - [ ] Il passe automatiquement en blanc
   - [ ] Il s'agrandit
   La messagerie éclaircit le texte, mais pas les images. Un logo noir sur fond transparent se confond avec le fond noir.

3. Pourquoi les signatures utilisent-elles des tableaux et des styles en ligne ?
   - [ ] Pour réduire le poids du message
   - [ ] Pour empêcher la copie
   - [x] Parce que beaucoup de messageries ignorent les feuilles de style
   Les messageries suppriment ou ignorent souvent les feuilles de style. Tableaux et styles en ligne sont compris partout, même par l'ancien Outlook.

4. Quelle longueur viser pour une signature ?
   - [ ] Une ligne avec seulement le prénom
   - [x] Quatre à six lignes
   - [ ] Au moins quinze lignes pour tout dire
   Quatre à six lignes suffisent pour dire qui vous êtes et comment vous joindre. Au-delà, plus personne ne lit.

---
Source : https://ressources.online/outils/signature-email/tutoriel/ (Ressources.online, Signature e-mail)