Taille Image Signature Email : Dimensions Optimales
Le guide définitif des dimensions parfaites pour vos images de signature email. Logo, photo, bannière : toutes les spécifications techniques pour un affichage impeccable.
En bref : les dimensions à retenir
Tableau complet des dimensions par élément
| Élément | Largeur | Hauteur | Ratio | Format | Poids max |
|---|---|---|---|---|---|
| Signature complète | 600px max | 150-200px | 4:1 ou 3:1 | PNG/JPG | < 50KB |
| Logo entreprise | 150-200px | 50-80px | Variable | PNG (transparence) | < 20KB |
| Photo de profil | 80-120px | 80-120px | 1:1 (carré) | JPG | < 15KB |
| Icônes réseaux sociaux | 24-32px | 24-32px | 1:1 | PNG | < 5KB |
| Bannière/Header | 600px | 100-150px | 6:1 ou 4:1 | JPG | < 30KB |
Pourquoi 600px maximum ?
Desktop
La plupart des clients email (Gmail, Outlook) affichent les emails dans une zone de 600-650px de large. Au-delà, votre signature sera tronquée ou créera un scroll horizontal disgracieux.
Mobile
Sur mobile, l'écran fait 320-414px de large. Une image de 600px sera automatiquement redimensionnée, mais une image plus grande pourrait causer des problèmes de performance.
Spécifications par client email
Les 5 erreurs de dimensions les plus courantes
Comment optimiser vos images en 5 étapes
Créez en haute résolution
Travaillez sur une image 2x plus grande que la taille finale (1200px pour afficher 600px)
Exportez au bon format
PNG pour logos/transparence, JPG pour photos, évitez les GIF animés
Compressez sans perdre en qualité
Réduisez le poids de 60-80% avec des outils de compression
Redimensionnez à la taille finale
600px max de large, gardez les proportions
Hébergez correctement
Service spécialisé HTTPS avec URLs permanentes
Quel format choisir ?
PNG
Idéal pour :
- Logos avec transparence
- Icônes réseaux sociaux
- Texte et graphiques nets
Éviter pour :
- Photos (trop lourd)
JPG/JPEG
Idéal pour :
- Photos de profil
- Bannières avec images
- Signatures complètes photo
Éviter pour :
- Logos (pas de transparence)
GIF
Idéal pour :
- Animations simples
- Icônes animées légères
Attention :
- Non supporté par Outlook
- Souvent très lourd
Astuce pour les écrans Retina/HiDPI
Les écrans Retina (MacBook, iPhone) affichent les images à 2x la résolution. Une image de 300px sera affichée en 600 pixels physiques, ce qui peut la rendre floue.
Solution : Technique du 2x
- Créez votre image en double taille (1200px pour afficher 600px)
- Exportez en haute qualité
- Dans le HTML, définissez width="600" height="X"
- L'image sera nette sur tous les écrans
Mémo : dimensions à retenir
FAQ : Questions sur les dimensions
Ma signature fait 800px de large, est-ce un problème ?
Oui. Outlook et Gmail affichent les emails dans une zone de ~600px. Votre signature sera soit tronquée, soit créera un scroll horizontal désagréable. Redimensionnez-la à 600px maximum.
Quelle est la taille idéale pour un logo dans une signature ?
150-200px de large maximum, et 50-80px de haut. Le logo doit être visible mais pas dominer la signature. Gardez les proportions originales et utilisez le format PNG pour la transparence.
Comment réduire le poids de mon image sans perdre en qualité ?
Utilisez des outils de compression comme TinyPNG (pour PNG) ou Squoosh (tous formats). Ils réduisent le poids de 60-80% sans perte visible. Objectif : moins de 50KB au total.
Dois-je créer des versions différentes pour mobile et desktop ?
Non, une seule version suffit si vous respectez les 600px de large. Les clients email redimensionnent automatiquement. Cependant, assurez-vous que le texte reste lisible même réduit (police minimum 10-12px dans l'image).
Pourquoi ma signature est floue sur certains écrans ?
Probablement un problème d'écrans Retina/HiDPI. Créez votre image en double taille (1200px pour 600px affiché) et définissez les dimensions exactes en HTML. L'image sera nette partout.
Vos dimensions sont parfaites ? Hébergez votre signature !
Une fois vos images optimisées, hébergez-les sur SigmaBox pour un affichage garanti sur tous les clients mail. Gratuit, rapide, professionnel.