Taille du logo dans une signature email : logo, photo et bannière
Mis à jour le · 8 min de lecture · par l'équipe SignatureCraft
L'essentiel
La taille du logo dans une signature email se situe généralement entre 100 et 200 px de large pour 40 à 80 px de haut à l'affichage, avec un fichier préparé au double pour les écrans haute résolution. Visez moins de 50 Ko par image, en PNG pour un logo et en JPG pour une photo.
Quelle est la bonne taille du logo dans une signature email ?
Un logo de signature doit être reconnaissable sans voler la vedette à votre nom. Dans une signature de 500 à 600 px de large, la largeur d'affichage courante d'un logo va de 100 à 200 px, pour une hauteur de 40 à 80 px. Un logo carré ou rond s'affiche plutôt entre 60 et 100 px de côté.
La forme de votre logo compte plus que la règle générale. Un logo très horizontal (un nom écrit en long) peut aller jusqu'à 200 px de large et rester discret, car il est peu haut. Un logo carré de 200 px, lui, prendrait autant de place qu'une photo. Raisonnez donc en hauteur : si votre logo dépasse environ 80 px de haut à l'affichage, il domine la signature.
Attention aux marges vides. Beaucoup de logos sont exportés avec une large bordure blanche ou transparente autour du dessin. À 150 px de large, le logo réel n'occupe alors parfois que la moitié de l'image et paraît minuscule. Rognez ces marges avant de l'importer.
Tableau des dimensions recommandées pour une signature email
| Élément | Taille d'affichage | Fichier à préparer | Poids cible | Format |
|---|---|---|---|---|
| Signature complète | 500 à 600 px de large | Sans objet | Moins de 100 Ko d'images au total | HTML en tableaux |
| Logo horizontal | 100 à 200 px × 40 à 80 px | 200 à 400 px de large | Moins de 30 Ko | PNG |
| Logo carré | 60 à 100 px de côté | 120 à 200 px de côté | Moins de 30 Ko | PNG |
| Photo de profil | 70 à 120 px de côté | Carré de 200 à 400 px | Moins de 50 Ko | JPG |
| Bannière | Largeur de la signature (500 à 600 px) × 100 à 150 px | Le double : 1 000 à 1 200 px de large | Moins de 100 Ko | JPG ou PNG |
| Icônes de réseaux sociaux | 16 à 24 px | 32 à 48 px | Quelques Ko chacune | PNG |
| QR code | 80 à 120 px de côté | Au moins le double | Moins de 20 Ko | PNG |
Ces valeurs sont des repères largement partagés par les concepteurs de signatures, pas des normes. L'essentiel est de respecter les proportions entre les éléments et de garder des fichiers légers.
Pourquoi préparer une image au double de sa taille d'affichage ?
Les écrans haute résolution (la plupart des smartphones, les ordinateurs portables récents) affichent deux pixels physiques ou plus pour chaque pixel de la page. Une image de 150 px affichée sur 150 px paraît alors floue. Préparée à 300 px et affichée à 150 px grâce aux attributs de largeur et de hauteur du code HTML, elle reste nette.
Le revers : une image plus grande pèse plus lourd. C'est pourquoi on se limite au double, pas au triple ou au quadruple, et qu'on compresse le fichier. Les dimensions d'affichage doivent aussi être écrites dans le code de la signature : Outlook pour Windows a tendance à afficher une image à sa taille réelle si rien ne l'en empêche, ce qui produit un logo géant.
Quelle taille pour la photo de signature email ?
La photo de profil s'affiche le plus souvent entre 70 et 120 px de côté, en carré ou en cercle. Préparez un fichier carré de 200 à 400 px, cadré sur le visage et le haut des épaules, sur un fond uni. Évitez les photos en pied ou de groupe : à cette taille, le visage devient illisible.
Pour une photo, le JPG est le bon format : il compresse bien les dégradés de peau et les arrière-plans. Une qualité de compression moyenne suffit pour rester sous 50 Ko sans dégradation visible. Si vous voulez une photo ronde, préférez un modèle de signature qui gère l'arrondi plutôt qu'une image détourée sur fond transparent.
Quelle dimension pour une bannière de signature email ?
La bannière se place sous la signature et en reprend la largeur : 500 à 600 px à l'affichage, pour une hauteur de 100 à 150 px. Au-delà de 150 px de haut, elle devient plus imposante que le message lui-même. Préparez le fichier au double de la largeur d'affichage et compressez-le pour viser moins de 100 Ko.
Gardez un texte court et lisible (une offre, une date, un appel à l'action) : sur téléphone, la bannière est réduite et les petits caractères disparaissent. Ne mettez jamais d'information indispensable uniquement dans la bannière, car elle peut être bloquée comme toute image. Pour la conception et le suivi des clics, voir notre guide sur la bannière de signature email.
Quel poids maximum pour une image de signature mail ?
Visez moins de 30 Ko pour un logo, moins de 50 Ko pour une photo et moins de 100 Ko pour une bannière, avec un total d'images idéalement inférieur à 100 Ko. Chaque destinataire télécharge ces images à l'ouverture de votre message, et sur une connexion mobile lente, une signature de plusieurs centaines de Ko s'affiche par morceaux.
Pour alléger une image sans perte visible :
- Redimensionnez d'abord : un logo de 3 000 px réduit à 300 px perd l'essentiel de son poids.
- Compressez ensuite avec un outil de compression d'images en ligne ou l'export « pour le web » de votre logiciel.
- Supprimez les métadonnées (appareil photo, coordonnées GPS), inutiles et parfois indiscrètes.
- Limitez les couleurs d'un logo en PNG : un logo en deux ou trois couleurs n'a pas besoin d'une palette complète.
PNG ou JPG : quel format choisir pour une signature ?
| Format | Usage conseillé | Points d'attention |
|---|---|---|
| PNG | Logos, icônes, QR codes, textes et aplats de couleur | Plus lourd que le JPG pour une photo ; la transparence peut poser problème en mode sombre |
| JPG | Photos de profil, bannières photographiques | Pas de transparence ; bords flous sur un logo ou un texte fin |
| GIF | Petites animations | Certaines versions d'Outlook pour Windows n'affichent que la première image ; fichiers vite lourds |
| WebP | À éviter dans une signature | Non affiché par Outlook pour Windows |
| SVG | À éviter dans une signature | Bloqué par Outlook et la plupart des messageries |
Un mot sur la transparence : en mode sombre, certaines messageries inversent ou assombrissent le fond. Un logo noir sur fond transparent peut alors devenir presque invisible. Si votre logo est foncé, un PNG sur fond blanc, ou une version claire du logo, est plus sûr.
Comment préparer ses images avant de les importer ?
- 1
Partez du meilleur fichier disponible
Demandez le logo original à votre graphiste ou à votre service communication, plutôt qu'une capture d'écran ou une image récupérée sur un réseau social.
- 2
Rognez les marges et recadrez
Supprimez les bordures vides autour du logo. Recadrez la photo en carré, centrée sur le visage.
- 3
Redimensionnez au double de l'affichage
Par exemple 300 px de large pour un logo affiché à 150 px, ou 1 000 px pour une bannière affichée à 500 px.
- 4
Exportez dans le bon format et compressez
PNG pour le logo, JPG pour la photo et la bannière photographique. Vérifiez le poids final.
- 5
Hébergez et testez
Les images doivent être hébergées sur une adresse HTTPS, pas collées depuis votre ordinateur. Envoyez-vous un email de test vers Gmail et Outlook, sur ordinateur et sur téléphone.
Comment SignatureCraft gère-t-il la taille des images ?
- Les modèles ont une largeur fixe de 500 px : vos images s'insèrent dans un cadre déjà dimensionné.
- Vous importez des images PNG, JPEG ou WebP jusqu'à 5 Mo ; elles sont ré-encodées et leurs métadonnées (GPS, EXIF) supprimées.
- La photo est recadrée automatiquement en carré de 400 px.
- Les marges vides du logo sont rognées automatiquement, par exemple le fond blanc d'un JPEG, pour qu'il ne paraisse pas minuscule.
- Les images sont hébergées et la signature est construite en tableaux HTML avec styles en ligne, pour Gmail, Outlook et Apple Mail.
- Les réseaux sociaux s'affichent en libellés texte, sans icônes à préparer.
Questions fréquentes
Quelle est la taille idéale d'un logo pour une signature Outlook ?
Dans Outlook comme ailleurs, un logo affiché entre 100 et 200 px de large et 40 à 80 px de haut convient à la plupart des signatures. Les dimensions d'affichage doivent être indiquées dans le code HTML, sinon Outlook pour Windows peut afficher l'image à sa taille réelle. Utilisez un PNG hébergé, jamais un SVG ni un WebP.
Pourquoi mon logo est-il flou dans ma signature ?
Le plus souvent, l'image a été préparée exactement à sa taille d'affichage et paraît floue sur un écran haute résolution. Préparez-la au double de la taille affichée et laissez le code HTML la réduire. Un JPG utilisé pour un logo peut aussi créer des bords flous : préférez le PNG.
Quelle taille pour une photo dans une signature Gmail ?
Une photo affichée entre 70 et 120 px de côté reste lisible sans alourdir la signature. Préparez un fichier carré de 200 à 400 px, en JPG compressé sous 50 Ko. Elle doit être hébergée en ligne pour s'afficher chez vos destinataires.
Mon image de signature est trop lourde, que faire ?
Redimensionnez-la d'abord au double de sa taille d'affichage, puis compressez-la avec un outil de compression ou l'export pour le web de votre logiciel. Choisissez le JPG pour une photo et le PNG pour un logo. Visez moins de 50 Ko par image et moins de 100 Ko au total.
Peut-on mettre un GIF animé dans une signature email ?
C'est possible, mais certaines versions d'Outlook pour Windows n'affichent que la première image de l'animation. Cette première image doit donc suffire à transmettre le message. Un GIF animé est aussi vite lourd : gardez-le court et léger.
Créez votre signature en quelques minutes
6 modèles compatibles Gmail, Outlook et Apple Mail, QR code, bannière et charte d'équipe. 2 crédits offerts à l'inscription.
Créer ma signature