Aller au contenu

Taille d’image pour signature mail

Enregistrez l’image de votre signature mail au double de sa taille d’affichage, pour qu’elle reste nette sur téléphone. Un logo s’affiche en général sur 80 à 200 pixels de large et une photo sur 64 à 100 pixels de côté, et l’aide de Gmail recommande des images de 100 pixels de haut au plus. Ajoutez votre image ci-dessous : l’outil crée le fichier.

Gratuit et sans inscription. Tout se passe dans votre navigateur : rien de ce que vous ajoutez n’est envoyé.

Déposez votre logo ou votre photo ici

PNG, JPEG, WebP ou SVG. Vous pouvez aussi coller une image. Elle reste sur votre appareil.

Ou essayez un exemple :

La taille d’une signature mail en pixels, en un coup d’œil

La taille d’affichage habituelle de chaque type d’image, et le fichier à créer pour elle. L’outil ci-dessus fait le calcul pour vous.

Tailles en pixels. Enregistrez le fichier au double de sa taille d’affichage.
ImageAffichée enFichier à enregistrer
Logo horizontal120 à 200 de large240 à 400 de large
Logo carré48 à 80 de côté96 à 160 de côté
Photo64 à 100 de côté128 à 200 de côté
Icônes de réseaux sociaux16 à 24 de côté32 à 48 de côté
Bannière sous la signature300 à 400 de large, 70 à 100 de haut600 à 800 de large

Gardez chaque image à 100 pixels de haut au plus, telle qu’elle s’affiche. L’aide de Gmail recommande des images de signature de 70 à 100 pixels de haut et de 300 à 400 de large, et indique 100 pixels de haut sur 1 000 de large comme maximum (aide Gmail). Un logo plus haut que cela finit par écraser votre nom.

La taille d’un logo de signature mail. Réglez un logo horizontal par sa largeur, de 120 à 200 pixels, et un logo carré par sa hauteur, de 48 à 80. Rognez d’abord les marges vides autour du logo : sinon elles comptent dans sa taille et le logo lui-même paraît petit. L’outil les rogne pour vous quand il trouve des bords unis.

À titre de comparaison, les modèles de la galerie d’esigna affichent une photo de 42 à 132 pixels de large, le plus souvent de 56 à 96, et un logo de 80 à 120 pixels de large.

Quelle taille pour toute la signature mail

Les images font l’essentiel de la taille d’une signature : choisissez-les en pensant au bloc entier.

Visez une signature d’environ 300 à 450 pixels de large. Les téléphones affichent un e-mail sur 360 à 430 pixels environ, moins les marges de la messagerie : dans cette fourchette, la signature s’affiche en entier sur un téléphone et reste à l’aise sur un ordinateur. Au-delà d’environ 600 pixels, elle commence à ressembler à une bannière.

En hauteur, le nom, le poste et les lignes de contact, plus une rangée d’images, font en général 100 à 150 pixels. Une photo à côté du texte, de 64 à 100 pixels, fixe la hauteur à elle seule ; un logo sous le texte ajoute sa propre hauteur, une raison de plus de le garder bas.

Pourquoi le fichier fait le double de sa taille d’affichage

Les écrans nets dessinent deux ou trois pixels pour chaque pixel de votre e-mail.

Les téléphones, et beaucoup d’ordinateurs portables et d’écrans, logent deux pixels d’écran ou plus dans l’espace d’un seul. Une image enregistrée à 100 pixels de large et affichée à 100 y est étirée sur 200 ou 300 pixels d’écran, et paraît floue. Enregistrée à 200 et affichée à 100, elle est nette sur tous les écrans.

Le hic, c’est qu’il faut demander à la messagerie d’afficher l’image à la moitié de sa taille. Une signature créée dans l’éditeur d’esigna le fait, comme toute signature HTML dont la largeur est fixée. Le champ de signature de Gmail, lui, ne le fait pas : il affiche une image importée à la taille de son fichier. Si vous l’importez là, téléchargez le fichier 1x depuis l’outil, ou sélectionnez l’image après l’import et choisissez Petite, Moyenne ou Grande, comme l’explique l’aide de Gmail.

Au-delà du double, le fichier s’alourdit sans gagner en netteté, et l’outil ne crée jamais de fichier plus grand que votre original. Si votre image est plus petite que ce qu’il faut pour le 2x, il vous le dit.

Ajouter l’image dans Gmail, Outlook et Apple Mail

Chaque messagerie a son chemin. Les guides d’installation le détaillent, sur le web, sur ordinateur et sur téléphone.

Gmail. Dans le champ de signature, insérez une image en l’important, en la choisissant dans Google Drive ou en donnant son adresse web (aide Gmail). Gmail compte une image dans la limite de 10 000 caractères de la signature, et son aide conseille de redimensionner l’image si une erreur s’affiche (aide Gmail). Les étapes : ajouter une signature dans Gmail.

Outlook. Dans Outlook classique pour Windows, insérez l’image dans l’éditeur de signature, puis faites un clic droit dessus, choisissez Image et réglez la taille dans l’onglet Taille, en gardant la case Proportions verrouillées cochée (Support Microsoft). Les étapes : ajouter une signature dans Outlook.

Apple Mail. Sur Mac, choisissez Mail, Réglages, puis Signatures, et ajoutez une image en la faisant glisser dans l’aperçu (Assistance Apple). Les étapes : ajouter une signature dans Apple Mail.

Des photos rondes qui restent rondes

Outlook classique pour Windows rend carrée une photo arrondie par le code.

La façon habituelle d’arrondir une photo dans un e-mail, c’est le border-radius en CSS. Gmail et Apple Mail le suivent ; Outlook pour Windows, jusqu’à sa version 2019, ne le suit pas et affiche la photo carrée qui est dessous (Can I email, en anglais).

Choisissez Ronde ou Arrondie dans l’outil et les coins sont découpés dans l’image elle-même, en PNG aux coins transparents. Il ne reste rien qu’une messagerie puisse mal afficher : la photo a la même forme partout.

Un fichier léger

L’image de votre signature se charge avec chaque e-mail que vous envoyez.

Un logo ou une photo à la taille d’une signature devrait peser quelques dizaines de kilo-octets, pas des centaines. Une photo tout juste sortie d’un téléphone pèse souvent 3 à 5 mégaoctets et fait des milliers de pixels de large ; réduite à 176 pixels de côté, elle tombe à environ 10 Ko en JPEG carré, ou environ 55 Ko en PNG rond.

L’outil choisit le format pour vous. Les logos, et les photos rondes ou aux coins arrondis, sont enregistrés en PNG, qui garde des bords nets et des coins transparents. Une photo carrée est enregistrée en JPEG, plusieurs fois plus léger pour une photographie. Le poids s’affiche avant le téléchargement.

Toute la signature

Ou laissez l’éditeur la mettre à la bonne taille

Dans l’éditeur gratuit d’esigna, vous ajoutez votre logo ou votre photo une seule fois : il est recadré, redimensionné et enregistré en 2x pour vous, à côté de votre nom et de vos coordonnées. Copiez la signature terminée dans Gmail, Outlook ou Apple Mail. Sans compte.

FAQ

Questions fréquentes

Quelle taille pour un logo dans une signature mail ?

La plupart des logos rendent bien entre 80 et 200 pixels de large dans une signature : les modèles d’esigna en affichent un de 80 à 120 pixels de large. L’aide de Gmail recommande des images de signature de 70 à 100 pixels de haut au plus. Enregistrez le fichier au double de sa largeur d’affichage, soit 160 à 400 pixels, pour qu’il reste net sur les écrans haute résolution.

Quelle taille pour une photo dans une signature mail ?

Entre 64 et 100 pixels de côté, elle se lit bien. Les modèles d’esigna affichent une photo de 42 à 132 pixels de large, le plus souvent de 56 à 96. Enregistrez-la au double, de 128 à 200 pixels, et recadrez serré pour que votre visage occupe l’essentiel du carré.

Pourquoi enregistrer une image au double de sa taille ?

Les téléphones et la plupart des ordinateurs portables affichent au moins deux pixels d’écran pour chaque pixel d’un e-mail. Une image enregistrée exactement à sa taille d’affichage paraît floue sur ces écrans. Enregistrée au double et affichée à moitié, elle est nette partout, et le fichier reste léger.

Mon image s’affiche trop grande dans Gmail. Pourquoi ?

Le champ de signature de Gmail affiche une image importée à la taille de son fichier. Après avoir importé une image enregistrée en 2x, sélectionnez-la dans le champ de signature et choisissez Petite, Moyenne ou Grande, comme l’explique l’aide de Gmail, ou téléchargez plutôt le fichier 1x depuis cet outil. Une signature créée dans l’éditeur d’esigna fixe la taille pour vous.

Comment rendre ma photo ronde dans une signature mail ?

Arrondir une photo par le code (le border-radius en CSS) fonctionne dans Gmail et Apple Mail, mais Outlook classique pour Windows l’ignore et affiche un carré. Cet outil découpe le cercle dans l’image elle-même, en PNG aux coins transparents, pour que la photo soit ronde dans toutes les messageries.

PNG ou JPEG ?

PNG pour les logos et les photos rondes ou aux coins arrondis : il garde des bords nets et des coins transparents. JPEG pour les photos carrées, avec un fichier bien plus léger. L’outil choisit le bon format et affiche le poids du fichier avant le téléchargement.

Mon image est-elle envoyée quelque part ?

Non. L’image est lue et dessinée par votre propre navigateur. Rien n’est envoyé à esigna ni à personne d’autre, et fermer la page l’efface.