Générateur d'签名 HTML par e-mail
Guide
Générateur d'签名 HTML par e-mail
Construisez une signature d'e-mail polie et prête à être copiée en quelques secondes. Choisissez un layout, insérez votre nom, votre poste, vos contacts, vos liens sociaux, votre couleur d'accent et éventuellement une photo de profil ou un logo d'entreprise — l'outil affiche une prévisualisation en temps réel et génère un HTML stylisé directement qui s'insère sans problème dans Gmail, Outlook, Apple Mail et la plupart des autres clients d'e-mail.
Comment utiliser
- Remplir Informations personnelles: nom complet, poste, entreprise, téléphone, e-mail, site web et adresse. Laissez un champ vide pour cacher cette ligne.
- Choisissez un Layout (horizontal, vertical ou texte uniquement), famille de polices, couleur d'accent et couleur du texte. La prévisualisation se met à jour à mesure que vous tapez.
- Activer le photo de profil en ou en, collez une URL d'image et choisissez une forme circulaire, arrondie ou carrée. Ajoutez un logo d'entreprise de la même manière si vous en voulez un.
- Collez les URLs dans les Liens sociaux champs que vous souhaitez inclure (LinkedIn, Twitter / X, GitHub, Instagram). Les champs vides sont ignorés — pas d'icônes cassés.
- Cliquez Copier la signature rendue et collez-la dans les paramètres de signature de votre client d'e-mail. Ou utilisez Copier le code HTML si vous préférez coller le code brut.
Caractéristiques
- Prévisualisation en temps réel — voyez exactement ce que les destinataires verront, dans une enveloppe d'e-mail fictive avec salutation et signature.
- Trois layouts — horizontal (photo à gauche, texte à droite avec séparateur d'accent), vertical (photo au-dessus du texte) et compact (texte uniquement).
- HTML stylisé directement — chaque élément utilise du CSS intégré afin que les signatures s'affichent de manière fiable dans Gmail, Outlook desktop, Outlook web, Apple Mail et la plupart des clients mobiles.
- Lignes de contact intelligentes — les numéros de téléphone deviennent
tel:des liens, les e-mails deviennentmailto:, les URLs de sites web deviennent cliquables, les adresses restent du texte brut. - Forme configurable de la photo — cercle, carré arrondi ou carré rigide. Choisissez l'apparence qui correspond à votre marque.
- Ensemble d'icônes sociaux — LinkedIn, Twitter / X, GitHub, Instagram. Les champs vides sont ignorés sans action.
- Bloc facultatif de déclaration — pour la note légale ou de confidentialité que beaucoup d'entreprises exigent.
- Deux modes de copie — copiez la signature rendue (coller sous forme de texte riche dans Gmail) ou copiez le code HTML brut (pour les éditeurs avancés).
- Fonctionne entièrement dans votre navigateur — rien n'est envoyé sur un serveur. Les URLs de vos photos et vos informations de contact ne quittent jamais votre appareil.
FAQ
-
Pourquoi les signatures d'e-mail utilisent-elles du CSS intégré au lieu d'un style feuille ?
La plupart des clients d'e-mail suppriment les blocs , les balises et les styles externes pour des raisons de sécurité et de rendu. Outlook en particulier ignore les classes et les feuilles de style et ne reconnaît que les attributs de style intégrés sur les éléments individuels. L'application de chaque règle directement sur l'élément cible est la méthode la plus fiable pour maintenir l'apparence de la signature dans Gmail, Outlook, Apple Mail et sur les appareils mobiles.
-
Pourquoi les signatures d'e-mail sont-elles construites avec des tableaux HTML au lieu de divs ou de flexbox ?
Outlook sur Windows utilise le moteur de rendu Microsoft Word pour les e-mails HTML, qui a un support limité pour les nouveaux styles CSS. Les tableaux avec des attributs explicites de largeur, de marge et de bordure sont les seules primitives de mise en page qui s'affichent de la même manière dans Word-Outlook que partout ailleurs. L'utilisation de tableaux imbriqués pour les colonnes photo / texte est le modèle bien établi de compatibilité pour les e-mails HTML.
-
Quelle est la différence entre coller une signature rendue et coller le code HTML brut ?
Coller la signature rendue (texte riche) permet au client d'e-mail de capturer l'affichage visuel et de reconstruire son propre HTML autour de lui — c'est ce que l'éditeur de signature de Gmail attend. Coller le code HTML brut est ce que veulent les éditeurs avancés (fichiers de signature Outlook desktop, fichiers plist d'Apple Mail, gestionnaires de signatures tiers), car ils stockent le code tel quel et le ré-évaluent à l'envoi.
-
Pourquoi les images de signatures d'e-mail doivent-elles être hébergées sur une URL publique au lieu d'être attachées ?
Si une photo est attachée ou intégrée comme une URL data:, de nombreux clients l'affichent comme un indicateur d'attache ou la cachent simplement. Lien vers une URL HTTPS accessible publiquement permet au client du destinataire de récupérer l'image directement, comme il le fait dans tout autre e-mail HTML. L'interdiction de chargement des images est alors la seule chose qui la cache, et les destinataires peuvent l'activer une fois et l'utiliser pour tous les e-mails futurs.
-
Pourquoi les liens mailto: et tel: fonctionnent-ils même dans des clients conservateurs d'e-mail ?
mailto: and tel: are URI schemes defined in the HTML spec and supported by every operating system, so email clients treat them the same way browsers do — clicking them hands the URI off to the OS, which opens the default mail or phone app. Because the scheme handlers live in the OS, no third-party permissions or special rendering is required, which is why these links survive even the strictest email-client sanitizers.
Installez nos extensions
Ajoutez des outils IO à votre navigateur préféré pour un accès instantané et une recherche plus rapide
恵 Le Tableau de Bord Est Arrivé !
Tableau de Bord est une façon amusante de suivre vos jeux, toutes les données sont stockées dans votre navigateur. D'autres fonctionnalités arrivent bientôt !
Outils essentiels
Tout voir Nouveautés
Tout voirMise à jour: Notre dernier outil a été ajouté le 17 juin 2026
Impliquez-vous
Aidez-nous à continuer à fournir des outils gratuits et précieux
