Images dans la signature email : formats, tailles et hébergement
Logo, photo, bannière : quels formats et dimensions choisir, comment héberger les images, gérer les écrans Retina et éviter les pièces jointes en signature.
L’équipe Soniako Publié le 4 min de lecture
Les images font toute la différence entre une signature soignée et une signature amateur. Ce sont aussi elles qui causent la majorité des problèmes : pièces jointes intempestives, logos flous, bannières qui ne s’affichent pas. Voici les règles qui fonctionnent dans Gmail, Outlook et Apple Mail.
Choisir le bon format
| Format | Usage recommandé | À savoir |
|---|---|---|
| PNG | Logos, icônes, visuels avec aplats | Supporte la transparence ; attention au mode sombre |
| JPG | Photos de profil, bannières photographiques | Plus léger pour les photos, pas de transparence |
| GIF | Animation légère | Certaines versions d’Outlook pour Windows n’affichent que la première image |
| SVG | À éviter | Non pris en charge par Gmail ni par la plupart des versions d’Outlook |
| WebP | À éviter pour l’instant | Support encore inégal selon les clients mail |
En pratique : PNG pour le logo et les icônes, JPG pour les photos et les bannières.
Les bonnes dimensions
La largeur totale de la signature ne devrait pas dépasser 600 pixels, la largeur de lecture standard d’un email. Dans ce cadre :
- Logo : 120 à 200 px de large à l’affichage.
- Photo de profil : 60 à 100 px, carrée ou ronde.
- Icônes sociales : 16 à 24 px.
- Bannière : 450 à 600 px de large, 80 à 150 px de haut.
La règle du 2x pour les écrans haute densité
Sur un écran Retina, une image de 150 px affichée à 150 px paraît floue. La solution : préparer l’image au double de sa taille d’affichage (300 px) et fixer la taille d’affichage dans le HTML avec les attributs width et height. Cette précision est indispensable pour Outlook sur Windows, qui ignore souvent les tailles définies uniquement en CSS.
Le poids des fichiers
Chaque image est téléchargée à l’ouverture de chaque email. Visez :
- moins de 50 Ko par image ;
- moins de 150 Ko pour l’ensemble de la signature.
Un logo PNG optimisé pèse souvent 5 à 15 Ko. Des outils de compression (TinyPNG, Squoosh, ImageOptim) réduisent le poids sans perte visible.
Hébergement : lien distant plutôt que pièce jointe
Il existe deux façons d’intégrer une image dans un email :
- Image intégrée (pièce jointe « inline ») : l’image voyage avec l’email. Inconvénients : le trombone de pièce jointe apparaît, le poids de chaque email augmente, et certains clients affichent l’image en double.
- Image hébergée : l’email contient un lien vers une image stockée sur un serveur. C’est la méthode à privilégier.
Pour une image hébergée, respectez trois règles :
- HTTPS obligatoire : de nombreux clients bloquent les images servies en HTTP.
- URL stable : si l’image est déplacée, toutes les signatures déjà envoyées affichent un cadre vide.
- Serveur fiable : un hébergement rapide et durable (CDN, stockage objet), pas un lien de partage de fichier personnel.
Une solution de gestion centralisée des signatures prend en charge cet hébergement automatiquement.
Prévoir le blocage des images
Beaucoup de clients mail — Outlook en tête — bloquent les images par défaut pour les expéditeurs inconnus. Votre signature doit rester utile sans elles :
- Texte alternatif (
alt) sur chaque image : « Logo Atelier Nord », pas « image1 ». - Informations clés en texte : nom, téléphone, site ne doivent jamais être uniquement dans une image.
- Dimensions fixées : avec
widthetheight, la mise en page ne s’effondre pas quand l’image manque.
C’est aussi une question d’accessibilité.
Le cas du mode sombre
Un logo PNG noir sur fond transparent devient invisible quand le client mail passe en mode sombre. Deux solutions simples : ajouter un contour clair discret autour du logo, ou utiliser un fond blanc avec des coins arrondis. Nous détaillons le sujet dans signature email et mode sombre.
Photo de profil : oui ou non ?
Une photo humanise l’échange, surtout pour les métiers de relation (commerciaux, recrutement, conseil). Quelques précautions :
- cadrage cohérent pour toute l’entreprise (même fond, même format) ;
- photo récente et professionnelle ;
- respect du choix de chacun : une photo de collaborateur est une donnée personnelle, voir signature email et RGPD.
La synchronisation avec Google Workspace ou Microsoft 365 permet de récupérer automatiquement la photo de profil de l’annuaire, pour éviter de la gérer deux fois.
Récapitulatif
- PNG pour le logo, JPG pour les photos, pas de SVG.
- 600 px de large maximum pour l’ensemble.
- Images préparées en 2x, tailles fixées par
width/height. - Moins de 50 Ko par image.
- Hébergement HTTPS stable, jamais de pièce jointe.
- Texte alternatif partout, informations clés en texte.