# Générateur de signature e-mail HTML

Génère une signature e-mail HTML propre, prête à copier-coller, qui s’affiche correctement dans Gmail, Outlook et Apple Mail — avec avatar/logo, icônes de réseaux sociaux (auto-détectées depuis vos liens), couleur d’accent, thème clair/sombre/auto et une mise en page tabulaire sécurisée pour le courrier avec styles en ligne. Copiez le HTML et collez-le dans votre client.

> Page canonique: https://elysiatools.com/fr/tools/email-signature-html-builder

- **Catégorie:** Design

- **Mots-clés:** signature e-mail, signature HTML, signature Gmail, signature Outlook, Apple Mail, carte de visite, branding, icônes réseaux, mode sombre, CSS inline, client mail, pied

## Présentation

Créez une signature e-mail professionnelle qui fonctionne partout :

1. **Remplissez vos infos** — nom, poste, société, e-mail, téléphone, site, adresse et une URL publique de photo/logo.
2. **Choisissez la mise en page** — côte à côte (photo gauche avec barre d’accent) ou empilée (texte seul). La photo est masquée sans URL.
3. **Stylisez** — couleur d’accent, police web-safe et thème Clair/Sombre/Auto (Auto injecte un bloc `prefers-color-scheme` qu’Apple Mail respecte).
4. **Ajoutez les réseaux** — collez des liens LinkedIn, X, GitHub, Instagram, Facebook ou YouTube ; les icônes s’affichent en data-URI SVG inline sûrs pour le courrier.
5. **Copiez le HTML** — signature tabulaire autonome avec styles inline, prête pour Gmail/Outlook/Apple Mail.

Tout tourne localement.

## Entrées

- **Nom complet** (text): Jane Doe
- **Poste** (text): Product Manager
- **Société** (text): Acme Inc.
- **E-mail** (text): jane@acme.com
- **Téléphone** (text): +1 555 123 4567
- **Site web** (text): acme.com
- **Adresse** (text): 123 Market St, San Francisco, CA
- **URL photo/logo** (text): https://…/avatar.png
- **Réseaux sociaux** (textarea): One per line or comma-separated. Auto-detects LinkedIn, X, GitHub, Instagram, Facebook, YouTube.
- **Couleur d’accent** (color)
- **Police** (select)
- **Mise en page** (select)
- **Thème** (select)

## Quand l'utiliser

- Lors de la configuration d'une nouvelle adresse e-mail professionnelle nécessitant une signature propre et standardisée.
- Pour harmoniser l'identité visuelle de vos e-mails professionnels avec votre logo, vos couleurs de marque et vos réseaux sociaux.
- Lorsque vos signatures actuelles se déforment ou perdent leurs images dans Outlook ou Apple Mail.

## Fonctionnement

- Saisissez vos coordonnées personnelles et professionnelles (nom, poste, entreprise, téléphone, site web) et ajoutez l'URL de votre logo ou photo.
- Personnalisez le design en choisissant la mise en page (côte à côte ou empilée), la police de caractères, la couleur d'accentuation et le thème (clair, sombre ou automatique).
- Collez les liens de vos profils sociaux (LinkedIn, X, GitHub, etc.) pour générer automatiquement les icônes correspondantes sous forme de données SVG sécurisées.
- Copiez le code HTML généré ou le rendu visuel pour l'intégrer directement dans les paramètres de votre client de messagerie.

## Cas d'usage

- Création d'une signature de marque cohérente pour les travailleurs indépendants et les consultants.
- Standardisation des signatures e-mail pour les collaborateurs d'une start-up ou d'une PME.
- Conception d'une signature minimaliste et optimisée pour le mode sombre pour les développeurs et profils techniques.

## Questions fréquentes

### Quels clients de messagerie sont compatibles avec cette signature ?

La signature est compatible avec Gmail, Outlook, Apple Mail et la plupart des clients acceptant le HTML.

### Comment sont gérées les icônes des réseaux sociaux ?

Elles sont automatiquement détectées à partir de vos liens et intégrées sous forme de données SVG inline pour éviter d'être bloquées.

### La signature prend-elle en charge le mode sombre ?

Oui, vous pouvez choisir un thème clair, sombre ou automatique qui s'adapte aux préférences système du destinataire.

### Mes données personnelles sont-elles envoyées sur un serveur ?

Non, le générateur fonctionne entièrement en local dans votre navigateur pour garantir la confidentialité de vos données.

### Pourquoi ma photo ne s'affiche-t-elle pas ?

Vous devez utiliser une URL publique directe (commençant par https://) pointant vers votre image hébergée en ligne.

## Outils associés

- [De la palette d’image aux design tokens](https://elysiatools.com/fr/tools/image-to-design-tokens): Extrait les couleurs dominantes d’une image par k-means et les exporte en variables CSS / SCSS / config Tailwind / tokens JSON, avec noms et échelle de teintes
- [Supprimeur de Balises HTML](https://elysiatools.com/fr/tools/new-html-tag-stripper): Supprime les balises HTML du code et extrait le contenu texte brut
- [Générateur de Code QR](https://elysiatools.com/fr/tools/qr-code-generator): Génère des codes QR à partir d'URL ou de texte avec taille et couleurs personnalisables
- [Generateur de heatmap d accessibilite](https://elysiatools.com/fr/tools/accessibility-heatmap-generator): Genere une heatmap d accessibilite centree sur le contraste a partir d une capture ou de HTML et suggere des couleurs
- [Generateur de codes en lot](https://elysiatools.com/fr/tools/barcode-batch-generator): Genere en lot des codes Code 128, EAN-13, UPC-A, ITF-14, QR Code et Data Matrix depuis CSV ou texte multilignes avec export PNG ZIP ou PDF
- [Extracteur Meta Tags](https://elysiatools.com/fr/tools/meta-tag-extractor): Extrait et analyse les meta tags, Open Graph, Twitter Cards et données structurées des pages web
- [Extracteur de tokens de thème ECharts](https://elysiatools.com/fr/tools/echarts-theme-token-extractor): Extrait des design tokens — couleurs, nombres, tailles de police et chaînes — d'un JSON de thème ECharts et les exporte directement dans votre design system. Collez un objet thème (celui enregistré et passé à echarts.init(dom, themeName)) et l'outil parcourt chaque feuille, étiquetant chaque couleur (avec normalisation optionnelle nommé/rgb → hex), nombre d'espacement, taille de police et chaîne, puis émet des variables CSS propres, un thème.extend Tailwind, un tokens.json Style Dictionary ou des variables SCSS. Pont entre un thème de visualisation ECharts et les tokens de design Figma/CSS/Tailwind sans recopier chaque valeur à la main.
- [Suppresseur d'En-têtes](https://elysiatools.com/fr/tools/header-remover): Supprimer les en-têtes des données CSV pour créer des fichiers propres sans en-têtes. Parfait pour les importations de bases de données, les pipelines de traitement de données.

## Exemples

- [Echantillons HTML](https://elysiatools.com/fr/samples/html-viewer-samples): Fichiers d exemple pour la visionneuse HTML dans le navigateur
- [Échantillons de HTML avec Images](https://elysiatools.com/fr/samples/html-with-images): Échantillons de code source HTML avec des images pour tester l'extraction
- [MSG Viewer Samples](https://elysiatools.com/fr/samples/msg-viewer-samples): An Outlook MSG email sample for in-browser preview
- [Échantillons de Texte avec Données Sensibles](https://elysiatools.com/fr/samples/text-with-sensitive-data-samples): Texte contenant divers types de données sensibles pour tester le masquage des données (téléphones, e-mails, cartes d'identité, cartes bancaires)

## Contenu associé

- [Outils d’extraction, de nettoyage et d’export HTML vers Markdown/PDF](https://elysiatools.com/fr/hubs/html-convert): Comparez les outils de nettoyage HTML, d’extraction d’attributs, d’extraction d’images, de conversion HTML vers Markdown et HTML vers PDF dans un hub unique pour les workflows de conversion web.
- [Outils de codes-barres, QR et etiquettes](https://elysiatools.com/fr/hubs/barcode-utility): Regroupe dans un meme hub les outils de generation de codes-barres, creation et decodage QR, validation UPC/EAN, partage WiFi par QR et etiquettes imprimables.
- [Outils d audit d accessibilite web et de couleurs accessibles](https://elysiatools.com/fr/hubs/web-accessibility-audits): Regroupez dans un meme hub les controles WCAG, l ordre de lecture des lecteurs d ecran, les problemes de contraste, les risques lies a la vision des couleurs et le choix de palettes accessibles.
- [Outils d’Extraction, Nettoyage et Livraison HTML](https://elysiatools.com/fr/hubs/html-content-extraction-cleanup-and-delivery): Extrayez liens, images, tableaux et texte propre depuis HTML, puis convertissez ou rendez le résultat réutilisable.