Signature e-mail – image SVG et affichage sur mobile

**Jimm63** · 30/01/2020, 23h25

Bonjour,

J’ai créé une signature pour mes e-mails professionnels avec une image au format SVG.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<html>
  <body>
    <div style="min-height: 60px; line-height: 17px; margin: 0; padding: 10px 0; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size: 11px; color: #3a342c; min-width: 530px;"
 
      id="sig"> <img src="https://sendeyo.com/up/d/471cea7f04" style="float: left; padding: 0 10px 0 0;"
 
        height="102" width="200"> <strong style="color: #3a342c; font-size:12px;">Jimmy
        D.</strong><br>
      <span style="font-size: 12px; color: #666666;">Assistant de gestion
        locative</span><br>
      Adresse<br>
      Tél. 01 XX XX XX XX <br>
      <a href="mailto:etudecouderc@gmail.com" style="color: #403120; text-decoration: none">xxx@xxx.com</a><br>
      <a href="http://www.etudecouderc.com" style="color:#0095a2; text-decoration:none;">www.xxx.com</a>
    </div>
  </body>
</html>

J’ai deux problèmes :

le logo ne s’affiche pas sur certains clients de messagerie (notamment Gmail) ;
l’alignement n’est pas conservé lorsqu’on ouvre les e-mails sur mobile (cf. photo ci-jointe).

Pouvez-vous m’aider, s’il vous plaît ?

Cordialement,
Jimmy

Nom : Screenshot_20200130-232336_Email.jpg
Affichages : 641
Taille : 166,7 Ko

**mathieu** · 31/01/2020, 12h06

Envoyé par Jimm63

[*]le logo ne s’affiche pas sur certains clients de messagerie (notamment Gmail) ;

je pense que c'est normal. de base les images distantes sont bloquées pour éviter que le destinataire de l'e-mail soit pisté.

Envoyé par Jimm63

[*]l’alignement n’est pas conservé lorsqu’on ouvre les e-mails sur mobile (cf. photo ci-jointe).

"sur mobile" ne suffit pas pour pouvoir vous aider, quel est le client e-mail ?

**Jimm63** · 31/01/2020, 21h13

Bonsoir,

J'ai réussi à résoudre le problème d'alignement en créant un tableau.
Pour l'affichage du logo, je l'ai converti au format .png et j'ai encodé l'image en base64.

Désormais :

le logo ne s'affiche pas sur Gmail et Hotmail (autres webmails non testés) et difficilement sur les autres clients ; sur Gmail, c'est le code de l'image (infiniment long) qui s'affiche à la place ;
sur l'application Email de Samsung, le logo et le texte sont trop petits (cf. capture d'écran).

Merci de votre aide.

Signature e-mail – image SVG et affichage sur mobile

HTML

Discussions similaires

Partager

Partager