Signature e-mail – image SVG et affichage sur mobile

Version imprimable

1 pièce(s) jointe(s)

Bonjour,

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

Code:

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

Pièce jointe 534767

31/01/2020, 12h06
mathieu

Citation:

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é.

Citation:

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 ?
31/01/2020, 21h13
Jimm63

1 pièce(s) jointe(s)
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.