Créateur de signature e-mail
Remplissez vos coordonnées et copiez une signature faite de tableaux HTML et de styles en ligne. On dirait du 1999 là-dedans, mais c’est le seul balisage sur lequel tous les logiciels de messagerie s’accordent. L’aperçu se met à jour pendant que vous tapez et rien n’est envoyé.
Rien n’est envoyé. Votre brouillon est enregistré dans ce navigateur seulement, et le logo est récupéré à son adresse uniquement pour dessiner l’aperçu.
Votre signature
ExempleVoici ce que verront vos correspondants sous vos messages. L’aperçu se redessine pendant que vous tapez.
Voir le code source HTML
Ajoutez-la à votre application de messagerie
Cliquez sur « Copier la signature », puis collez (Ctrl+V ou ⌘V) à l’endroit indiqué pour votre application.
Gmail in a browser
- Open the gear menu and choose See all settings.
- Stay on the General tab and go down to Signature. Press Create new and give it a name.
- Paste into the editing box, then select the signature under For new emails use and On reply/forward use.
- Press Save changes at the very bottom of the page.
The Gmail phone app has its own plain-text mobile signature. Keep that one empty and the app uses this signature.
Outlook on the web and the new Outlook for Windows
- Open the gear, then Account and Signatures.
- Press + New signature, type a name and paste into the box.
- Set it as the default for new messages and for replies, then press Save.
Classic Outlook for Windows
- Go to File, Options, Mail, then Signatures…
- Press New, type a name and paste into the large editing box.
- Pick it in the New messages and Replies/forwards lists, then press OK.
Logo too big? Right-click it in the editor, open Size and Position and type the width you chose on this page.
Apple Mail on a Mac
- Open Mail, Settings, then the Signatures tab.
- Select the account, press + and type a name.
- Clear the Always match my default message font box, then paste into the right-hand pane.
The settings window may draw a question mark where the logo goes. That is expected. The logo shows in the messages you send.
iPhone and iPad
- Open this page on the device itself, fill in the fields and tap Copy the signature.
- Go to Settings, Apps, Mail, Signature (on older iOS versions: Settings, Mail) and paste.
iOS keeps only some of the formatting, so the Compact template survives best. If the pasted result loses its formatting, shake the device and tap Undo to get the formatted version back.
Pourquoi les signatures se défont
Une page web est affichée par un navigateur qui suit les normes actuelles. Un e-mail est affiché par ce que le destinataire utilise et ces programmes s’accordent sur peu de choses. Outlook classique pour Windows met en page les messages avec le moteur de Microsoft Word. Gmail retire les feuilles de style du contenu qu’il juge dangereux. Le petit éditeur où vous collez une signature en retire encore plus.
Ce qui survit partout tient dans une courte liste : <table> pour la mise en page, des attributs style écrits sur chaque élément, des liens simples et des images avec width et height explicites. Ce créateur s’en tient à cette liste. Le texte fait 14 pixels dans une police que tous les appareils ont déjà (Arial, Verdana ou Georgia), le tableau porte role="presentation" pour que les lecteurs d’écran ne l’annoncent pas comme des données et le bloc entier est limité à 600 pixels de large.
Ce que devient chaque champ
- Numéros de téléphone
- Un lien
tel:, pour qu’un toucher sur un téléphone lance l’appel. Un numéro à 10 chiffres est supposé nord-américain et reçoit+1. Pour tout autre pays, tapez le numéro avec+et l’indicatif du pays, comme dans+44 20 7946 0958. Un poste saisi sous la formeext. 204oux204est ajouté après une pause :tel:+14155550123,204. Un numéro de moins de sept chiffres est écarté. - E-mail et site web
- Un lien
mailto:si l’adresse a la formename@domain.tld. Le site web reçoithttps://dans son lien et s’affiche sans cela et sanswww. - Profils sociaux
- Des liens texte nommés d’après le service trouvé dans l’URL : Facebook, Instagram, LinkedIn, YouTube, X, Bluesky, GitHub et une dizaine d’autres. Une adresse que nous ne reconnaissons pas affiche son nom d’hôte.
- Logo
- Un
<img>qui pointe vers l’adresse que vous donnez, entre 40 et 300 pixels de large. L’outil charge l’image une fois pour connaître ses proportions et écrit leheightcorrespondant, parce qu’Outlook étire les images qui n’en ont pas. - Mentions en petits caractères
- Une ligne de confidentialité ou de mentions légales en gris de 11 pixels sous la signature.
Les avertissements et quoi faire
| Avertissement | Pourquoi c’est important |
|---|---|
| Couleur d’accent sous 4,5:1 sur blanc | La couleur sert aux liens et au nom de l’entreprise. Sous ce ratio de contraste, les personnes malvoyantes ont du mal à les lire. Choisissez une teinte plus foncée. |
Logo intégré (data:) | Beaucoup de logiciels de messagerie le bloquent ou le transforment en pièce jointe à chaque message. |
Logo en http:// | Les logiciels de messagerie qui tournent sur des pages sécurisées refusent les images non sécurisées. |
| Logo SVG | Gmail et Outlook n’affichent pas le SVG. Exportez un PNG ou un JPG. |
| Logo sur Google Drive, Dropbox ou OneDrive | Un lien de partage ouvre une page de visionneuse, pas le fichier image. |
| Le logo ne se charge pas | Ouvrez l’adresse dans une fenêtre privée. Vous devriez voir l’image et rien d’autre, sans connexion. |
| Très grand ou trop petit | Plus de 1 200 pixels de large ralentit chaque message. Plus étroit que la largeur affichée donne un résultat flou. Visez le double de la largeur affichée. |
Choisir une mise en page
- Logo à gauche est la mise en page par défaut : deux colonnes séparées par une ligne verticale dans votre couleur d’accent.
- Classique empile tout dans une colonne avec le logo en dernier. C’est celle qui tient le mieux quand un logiciel supprime les colonnes de tableau.
- Filet d’accent s’ouvre sur une ligne horizontale colorée et garde les coordonnées sur une seule rangée.
- Compacte tient en deux lignes sans logo. C’est celle des réponses et des applications de messagerie sur téléphone, qui conservent peu de mise en forme.
Beaucoup de gens en gardent deux, une complète pour les nouveaux messages et la compacte pour les réponses. Avant de vous décider, appuyez sur « Aperçu en mode sombre » pour envoyer la signature vers l’aperçu d’e-mail en mode sombre et voir si le logo et les couleurs tiennent sur un fond sombre.
Ce que le créateur ne fait pas
Il n’héberge pas votre logo, donc l’image doit déjà être en ligne à une adresse publique. Il ne dessine pas d’icônes de réseaux sociaux et c’est voulu : chaque icône est une image distante de plus qui peut être bloquée. Il ne peut pas montrer comment une version donnée d’Outlook affichera le résultat, donc envoyez-vous un message d’essai une fois la signature installée. Votre brouillon est conservé dans ce navigateur seulement. Ouvrez la page sur un autre appareil et vous trouverez un formulaire vide.
Questions fréquentes
Comment ajouter une signature HTML dans Gmail ?
Appuyez sur « Copier la signature » ici. Dans Gmail, ouvrez le menu en forme de roue dentée, Voir tous les paramètres, Général, Signature, créez-en une nouvelle et collez. Choisissez-la pour les nouveaux e-mails et pour les réponses, puis enregistrez en bas de la page.
Pourquoi mon logo arrive-t-il en pièce jointe ?
L’image était intégrée au message. Les logiciels de messagerie envoient alors le fichier avec chaque e-mail et beaucoup de destinataires le voient comme une pièce jointe. Faites un lien vers une image hébergée sur un serveur web et le problème disparaît.
Quelle taille pour le logo d’une signature ?
Affiché entre 100 et 200 pixels de large, à partir d’un fichier d’environ le double de cette largeur pour rester net sur les écrans haute densité. Gardez le fichier sous environ 50 Ko. Le PNG convient aux logos à aplats, le JPG aux photos.
Ma signature entière peut-elle être une seule image ?
Non. Beaucoup de logiciels de messagerie bloquent les images par défaut, les lecteurs d’écran ne peuvent pas les lire, elles ne s’adaptent pas au mode sombre et personne ne peut toucher ni copier un numéro de téléphone qui fait partie d’une image. Utilisez du vrai texte et gardez l’image pour le logo.
Puis-je utiliser la police de ma marque ?
Pas de façon fiable. Gmail et Outlook ignorent les polices web et le texte retombe sur une police par défaut. Arial, Verdana et Georgia existent sur pratiquement tous les appareils, donc la signature s’affiche pareil partout.
Pourquoi la signature est-elle différente dans les réponses ?
Certains logiciels convertissent les réponses en texte brut ou appliquent la mise en forme du message auquel on répond. Réglez une signature compacte pour les réponses et vérifiez que votre logiciel rédige en HTML et non en texte brut.