Générateur de signature mail › Logo

Ajouter un logo à une signature mail

Trois choses tournent mal avec un logo de signature, et elles sont indépendantes : il ne s’affiche pas, il est trop lourd, ou il est flou. La troisième a une cause précise et peu connue.

L’adresse

Le logo doit être à une adresse que n’importe qui peut ouvrir sans se connecter. Ne fonctionnent pas : un fichier sur votre ordinateur, un lien de partage Google Drive ou Dropbox, et tout ce qui est derrière un intranet.

Le cas Drive trompe parce que le lien marche chez vous — vous êtes connecté. Ouvrez l’adresse dans une fenêtre privée : vous devez voir l’image seule sur fond vide, sans connexion et sans page autour.

L’adresse doit commencer par https://. En http://, l’image est bloquée sans message d’erreur dans un nombre croissant de logiciels.

La netteté : la cause peu connue

Quand vous affichez une image à 160 pixels de large, ce sont des pixels CSS. Un écran moderne dessine chacun avec deux ou trois pixels physiques. Si votre fichier fait exactement 160 pixels, l’écran doit inventer les manquants — et les pixels inventés, c’est ce que l’on voit comme du flou.

Exportez au double de la largeur d’affichage : un fichier de 320 pixels pour un affichage à 160. Réglez la largeur d’affichage comme attribut HTML, pas seulement en CSS — le moteur de Word lit l’attribut de façon fiable et le CSS moins.

Le poids

Un logo typographique de 320 pixels en PNG à palette réduite reste en général sous 10 Ko. S’il est nettement plus lourd, la cause est presque toujours un canal alpha inutile, des profils colorimétriques intégrés, ou un export en pleine profondeur pour une image à quatre couleurs.

Le JPEG est le mauvais choix pour un logo : sa compression produit des artefacts précisément sur les contours des lettres.

Le mode sombre

Un logo foncé sur fond transparent est correct sur fond blanc. Si le logiciel inverse les couleurs, le fond devient sombre et le logo reste sombre : invisible. Utilisez un logo dont les couleurs contrastent assez dans les deux sens — un ton moyen survit aux deux.

Le texte alternatif n’est pas accessoire

Images bloquées, c’est la seule chose que le lecteur voit. alt="Nordvent" est le nom de la société et fonctionne ; alt="Logo" ne dit rien ; vide laisse un trou.

Toujours indiquer largeur et hauteur

Les deux, comme attributs HTML, dans le rapport de la fiche. Elles évitent que le message se réorganise quand l’image arrive, et laissent un emplacement de la bonne taille quand les images sont bloquées.

Quelle largeur d’affichage

À côté du texte : 70 à 90 pixels. Assez pour qu’un logo typographique soit lisible, assez étroit pour laisser la place au texte sur un téléphone. Empilé au-dessus du texte, vous disposez de plus de place, jusqu’à environ 200 pixels.

Si votre logo n’est plus lisible à 90 pixels, empilez au lieu de juxtaposer. Une signature sur une colonne n’a pas de largeur de colonne qui puisse mal tourner.

Changer le logo plus tard

Gmail et Apple Mail conservent leur propre copie et la servent. Si vous modifiez le fichier à la même adresse, la nouvelle version n’atteindra jamais une partie des destinataires. Donnez un nouveau nom de fichier à chaque changement : c’est la mise à jour que les messageries gèrent le plus mal.

Une photo plutôt qu’un logo

Un portrait pèse nettement plus qu’un logo typographique parce qu’il est photographique : sous 15 Ko seulement avec un cadrage serré. Qui en utilise un devrait le réserver aux nouveaux messages et l’omettre dans les réponses.

Questions fréquentes