Créez votre signature en quelques minutes, aucune connaissance en HTML n’est requise
Nous avons créé le site SignatureForEmail.com, un générateur de signatures dédié proposant des modèles prêts à l’emploi, une installation facile sur Gmail, Apple Mail et Outlook, ainsi qu’une fonctionnalité de gestion d’équipe pour les entreprises qui souhaitent que toutes leurs signatures respectent l’identité visuelle de la marque.
🌐 company.fr
Sur WordToHTML.net, il existe également plusieurs façons de créer une signature d’e-mail au format HTML :
- Créez votre signature d’e-mail à l’aide du générateur de signatures d’e-mail sur WordToHTML.net.
- Concevez votre signature d’e-mail à partir de zéro en saisissant manuellement tout le texte dans l’éditeur visuel.
- Créez une signature d’e-mail au format HTML à l’aide de nos modèles intégrés.
- Vous pouvez coller dans notre éditeur HTML une signature HTML créée sur n’importe quel autre site web proposant la création de signatures, puis la modifier (changer le texte, ajouter une photo ou un logo, etc.).
- Utilisez notre générateur IA pour créer un exemple de code de signature HTML.
Comment concevoir manuellement une signature d’e-mail HTML à partir de zéro
Nous vous recommandons de créer une signature sous forme de tableau. Par exemple, si vous souhaitez créer une signature avec votre photo à gauche et toutes vos autres coordonnées à droite, vous pouvez commencer par créer un tableau à deux colonnes et une ligne :
Placez ensuite votre curseur dans la cellule de gauche de ce tableau et téléchargez ou collez votre photo. Nous vous recommandons soit de télécharger une petite photo, soit de la redimensionner lors du téléchargement :
Si votre photo est trop grande, notre site affichera automatiquement une fenêtre contextuelle pour vous permettre de la redimensionner. Nous vous recommandons de redimensionner la photo pour qu’elle mesure environ 100 à 200 pixels de large ou de haut.
Ci-dessous, vous pouvez voir le fichier image redimensionné, qui est un petit fichier de 6,6 KiB (kilo-octets), de 154 x 154 pixels. En fonction de la taille initiale de votre photo, vous devrez la redimensionner à l’aide du curseur situé à gauche jusqu’à ce que vous voyiez s’afficher la petite photo que vous souhaitez voir apparaître dans votre signature. Cliquez ensuite sur le bouton bleu « Insérer l’image redimensionnée ».
Vous verrez alors votre photo s’afficher dans la cellule de gauche du tableau :
Si vous voyez une grande photo dans l’éditeur visuel, cliquez simplement dessus et redimensionnez-la pour obtenir une petite taille, comme indiqué sur la capture d’écran ci-dessus (nous recommandons une largeur/hauteur comprise entre 100 et 200 pixels).
Nous vous recommandons de définir la largeur du tableau sur 500 px (-100 px) en plaçant le curseur dans n’importe quelle cellule du tableau, puis en cliquant sur l’icône de mise en forme du tableau :
Saisissez ensuite une largeur de tableau, par exemple 500 px, puis cliquez sur OK :
Vous pouvez centrer la photo en cliquant dessus, puis en sélectionnant « Affichage pour couper le texte », et enfin en cliquant sur l’icône de centrage. Vous pouvez également réduire la taille de la cellule du tableau contenant la photo en faisant glisser la ligne horizontale située au milieu vers la gauche, comme indiqué sur la capture d’écran ci-dessous.
Si vous le souhaitez, pour obtenir une photo aux bords arrondis, vous pouvez utiliser notre éditeur d’images. Cliquez sur la photo, puis sur l’icône « Image » :
Rendez-vous ensuite dans la section « Ajuster », sélectionnez « Recadrage elliptique », puis cliquez sur le bouton « Enregistrer » :
Vous devez ensuite sélectionner le format PNG, sinon un fond noir s’ajoutera à votre image, puis cliquer sur le bouton « Enregistrer » :
Vous devriez alors voir une photo aux bords arrondis dans l’éditeur visuel :
Saisissez ensuite toutes vos coordonnées et personnalisez le style à votre guise dans la cellule de droite. Astuce : par défaut, lorsque vous appuyez sur la touche Entrée, l’éditeur visuel crée un nouveau paragraphe de texte avec un interligne, mais si vous maintenez la touche Maj enfoncée tout en appuyant sur Entrée, cela insère un saut de ligne qui n’ajoute pas beaucoup d’espace entre les lignes.
Vous pouvez tester votre signature en l’envoyant à votre client de messagerie ou en la prévisualisant dans un onglet de navigateur, etc.
Si vous le souhaitez, vous pouvez ajouter des icônes avec des liens vers vos profils sur les réseaux sociaux ou vers les sites de votre choix :
Une fois que vous êtes satisfait de votre signature, vous pouvez l’enregistrer en ligne sur WordToHTML ou la copier dans le presse-papiers et la coller dans votre client de messagerie.
Par exemple, dans Gmail, accédez aux Paramètres et recherchez la rubrique « Signature » dans la section « Général », puis créez une nouvelle signature ou modifiez celle qui existe déjà.
Collez ensuite le code HTML provenant de WordToHTML.net dans le champ de texte de la signature comme indiqué ci-dessous, sélectionnez cette signature « pour les nouveaux e-mails » et cliquez sur le bouton « Enregistrer les modifications » en bas de la page des Paramètres.
Si tout s’est bien passé lors de la création d’un nouvel e-mail dans Gmail, vous verrez votre signature s’afficher comme illustré ci-dessous :
Comment créer une signature d’e-mail HTML à partir d’un modèle intégré
Il vous suffit de cliquer sur une icône pour sélectionner le modèle HTML dans la barre d’outils :
Sélectionnez ensuite votre modèle de signature :
Une fois le modèle sélectionné, vous pouvez modifier le contenu dans l’éditeur visuel :
Remplacez l’image de remplacement par la vôtre au format JPG ou PNG. Nous vous déconseillons d’intégrer des images ou d’utiliser le format SVG, car certains clients de messagerie ne le prennent pas en charge.
Si vous souhaitez ajouter d’autres icônes à votre signature (comme des liens vers les réseaux sociaux), nous vous recommandons d’utiliser les icônes du site Icons, ou vous pouvez télécharger des icônes au format PNG depuis Icon Finder et les importer sur notre site web.
Une fois votre signature créée, vous pouvez la copier-coller dans votre application de messagerie :
Vous pouvez utiliser notre outil AI Writer pour générer un modèle de signature, mais vous devrez formuler une consigne plus précise à l’IA pour obtenir les résultats souhaités.
Par exemple, une instruction pour l’IA telle que celle-ci :
Créez une signature HTML de PDG en utilisant un tableau avec un logo à gauche et mes informations à droite. Veuillez utiliser le CSS uniquement sous forme de styles inline.
Cela devrait générer une signature HTML similaire. Pour définir votre logo, veuillez cliquer sur l’espace réservé à l’image, puis sur l’icône « Remplacer ». Sélectionnez ensuite le logo déjà téléchargé ou téléchargez-en un et sélectionnez-le.
Nous vous recommandons de désactiver le mode « Pleine page » afin de ne voir et de ne copier que le code HTML principal :
Une fois l’image du logo mise à jour, la signature ressemblera à celle ci-dessous. Modifiez les informations de la signature selon vos besoins, puis copiez-la dans le presse-papiers et collez-la dans le client de messagerie de votre choix.
Foire aux questions sur les signatures d’e-mails au format HTML
Quel est le meilleur format d’image pour une signature d’e-mail ?
Les formats JPG ou PNG constituent les choix les plus sûrs pour les photos et logos utilisés dans les signatures d’e-mails. Le format SVG n’est pas recommandé, car de nombreux clients de messagerie (dont Outlook) ne l’affichent pas correctement, ce qui peut complètement perturber la mise en page de la signature. Le format PNG est idéal lorsque vous avez besoin d’un fond transparent, par exemple pour un logo sans cadre blanc autour.
Quelle doit être la taille d’une image de signature d’e-mail ?
Pour une photo de profil ou un portrait, une largeur ou une hauteur comprise entre 100 et 200 pixels est idéale. Les images plus grandes ralentissent le chargement de l’e-mail et peuvent paraître surdimensionnées dans la boîte de réception du destinataire. Veillez également à ce que la taille du fichier reste réduite : visez moins de 10 à 15 Ko par image afin que la signature se charge rapidement sur tous les appareils et dans tous les clients de messagerie.
Quelle doit être la largeur d’un tableau de signature d’e-mail HTML ?
500 px (à 100 px près) est une largeur standard sûre. Elle s’adapte parfaitement à la plupart des volets de prévisualisation et des panneaux de lecture des clients de messagerie sans nécessiter de défilement horizontal, tout en laissant suffisamment d’espace pour une photo ou un logo à côté des coordonnées.
Dois-je utiliser du CSS en ligne pour une signature d’e-mail HTML ?
Oui. Les clients de messagerie suppriment ou ignorent les éléments `style` et les feuilles de style externes ; il est donc nécessaire d’appliquer tous les styles sous forme de CSS en ligne, directement sur chaque élément HTML. C’est également la raison pour laquelle la création de signatures à l’aide de tableaux (plutôt que des méthodes modernes de mise en page CSS telles que flexbox ou grid) reste l’approche la plus fiable en matière de compatibilité avec les e-mails.
Comment ajouter une signature HTML à Gmail ?
Copiez le code HTML de votre signature finale dans le presse-papiers, puis dans Gmail, allez dans Paramètres → Voir tous les paramètres → Général → Signature, créez ou modifiez une signature, et collez-la dans le champ de signature. Sélectionnez-la comme signature par défaut pour les nouveaux e-mails (et les réponses/transferts si vous le souhaitez), puis cliquez sur « Enregistrer les modifications » en bas de la page.
Puis-je créer une signature HTML sans savoir coder ?
Oui. Vous n’avez pas besoin d’écrire du code HTML manuellement : vous pouvez utiliser un éditeur visuel de type glisser-déposer, partir d’un modèle de signature intégré ou utiliser un outil de rédaction basé sur l’IA qui génère le code HTML à votre place à partir d’une description textuelle (par exemple, « créer une signature de PDG avec un logo à gauche et les coordonnées à droite »). Ces trois méthodes produisent du code HTML prêt à l’emploi que vous pouvez copier-coller dans votre client de messagerie.
Pourquoi ma photo semble-t-elle trop grande dans l’éditeur de signature ?
La plupart des photos téléchargées proviennent directement d’un téléphone ou d’un appareil photo et ont une résolution bien supérieure à celle requise pour une signature d’e-mail. Utilisez l’outil de redimensionnement d’image intégré pour réduire la photo à environ 100–200 pixels avant de l’insérer, plutôt que de la télécharger en taille réelle et de la réduire visuellement — cela permet de limiter la taille du fichier et d’accélérer le chargement de la signature.
Comment créer une photo circulaire (arrondie) dans ma signature ?
Utilisez notre éditeur de recadrage d’images avec l’outil de recadrage en ellipse/cercle lors du téléchargement de votre photo.