[SOLUTION] Signature HTML avec images : seulement 4 ko !!!!
Publié : 10 mars 2008, 23:03
salut les geckonautes,,
J'ai enfin réussi à créer ma signature html sous thunderbird, avec des images, sans que celle-ci ne pèse plus de 4 ko !!! formidable !
Finis les râleurs qui se plaignent des mails rédigés en html parce qu'ils sont trop lourds !,,
maintenant, c'est à chacun et chacune de se laisser aller à ses envies en toute liberté,,
J'ai testé le résultat sur les web-mail les plus classiques ( gmail - yahoo - voila - laposte - hotmail - ....etc.... ) et çà marche !!!
l'astuce : c'est de mettre les images en background dans un tableau,, et de les héberger sur un serveur distant..
Pour çà, j'ai donc simplement composer un fichier html dans un éditeur web, puis je l'ai enregistré en tant que signature , ou bien, je l'appelle directement depuis la fenêtre de composition avec l'extension SignatureSwitch.
Lorsque composerez votre page html, vous arrangerez votre mise en forme de façon à mettre les images en background de cellules de tableau, plutôt que directement dans le corps de votre message.
en effet , thunderbird ne charge pas à l'envoi les images qui se trouvent en background, contrairement à celles qui sont directement appelées par un <img src=...>.
Autrement dit, lorsque vous écrivez <img src=...>, thunderbird va charger l'image et l'incorporer au message avant de l'envoyer. Le poids de cette image sera donc répercuter sur le poids de l'ensemble du mail.
Tandis que si vous écrivez plutôt <td background="http://...>, thunderbird se contentera de transmettre le code tel que , et c'est le navigateur ou le logiciel de messagerie du destinataire qui se chargera d'aller chercher les images sur le net. Le message ne contient donc que du code, et pas de fichier, il sera donc plus léger.
Ceci étant dit, les images qui interviennent dans la composition de la page ne seront visibles qu'en ligne. Pas vraiment dérangeant, en fait, mais méfiez vous tout de même de ne pas mettre les information primordiales de votre message dans des images hébergées !!
Ce qu'il faut ABSOLUMENT éviter :
* éviter de mettre les images en background via les CSS,, car la plupart des web-mail ne sauront pas les interpréter.
* éviter de passer par l'éditeur HTML de Thunderbird, qui aura le défaut de charger irrémédiablement les images dans ses répertoires internes sous la forme d'une adresse mailbox:///Users/Library/Thunderbird/Profiles/qpvl1mfu.default/Mail/Local%20Folders/Templates?number=92969538&part=1.2&filename=image.JPG
Thunderbird enverra alors les images avec le courriel,,, vos images ne seront pas en ligne,, elles pèseront sur le message.
( Il est à noter que Thunderbird n'en reste pas moins un bon éditeur html lorsqu'il est couplé avec l extension de Stationery)
bon, voilà,, ici un exemple de la signature sur laquelle j'ai bossé :
Message envoyé avec : Mozilla/5.0 (Macintosh; U; Intel Mac OS X; fr; rv:1.8.1.1) Gecko/20061204 Firefox/2.0.0.1
J'ai enfin réussi à créer ma signature html sous thunderbird, avec des images, sans que celle-ci ne pèse plus de 4 ko !!! formidable !
Finis les râleurs qui se plaignent des mails rédigés en html parce qu'ils sont trop lourds !,,
maintenant, c'est à chacun et chacune de se laisser aller à ses envies en toute liberté,,
J'ai testé le résultat sur les web-mail les plus classiques ( gmail - yahoo - voila - laposte - hotmail - ....etc.... ) et çà marche !!!
l'astuce : c'est de mettre les images en background dans un tableau,, et de les héberger sur un serveur distant..
Pour çà, j'ai donc simplement composer un fichier html dans un éditeur web, puis je l'ai enregistré en tant que signature , ou bien, je l'appelle directement depuis la fenêtre de composition avec l'extension SignatureSwitch.
Lorsque composerez votre page html, vous arrangerez votre mise en forme de façon à mettre les images en background de cellules de tableau, plutôt que directement dans le corps de votre message.
en effet , thunderbird ne charge pas à l'envoi les images qui se trouvent en background, contrairement à celles qui sont directement appelées par un <img src=...>.
Autrement dit, lorsque vous écrivez <img src=...>, thunderbird va charger l'image et l'incorporer au message avant de l'envoyer. Le poids de cette image sera donc répercuter sur le poids de l'ensemble du mail.
Tandis que si vous écrivez plutôt <td background="http://...>, thunderbird se contentera de transmettre le code tel que , et c'est le navigateur ou le logiciel de messagerie du destinataire qui se chargera d'aller chercher les images sur le net. Le message ne contient donc que du code, et pas de fichier, il sera donc plus léger.
Ceci étant dit, les images qui interviennent dans la composition de la page ne seront visibles qu'en ligne. Pas vraiment dérangeant, en fait, mais méfiez vous tout de même de ne pas mettre les information primordiales de votre message dans des images hébergées !!
Ce qu'il faut ABSOLUMENT éviter :
* éviter de mettre les images en background via les CSS,, car la plupart des web-mail ne sauront pas les interpréter.
* éviter de passer par l'éditeur HTML de Thunderbird, qui aura le défaut de charger irrémédiablement les images dans ses répertoires internes sous la forme d'une adresse mailbox:///Users/Library/Thunderbird/Profiles/qpvl1mfu.default/Mail/Local%20Folders/Templates?number=92969538&part=1.2&filename=image.JPG
Thunderbird enverra alors les images avec le courriel,,, vos images ne seront pas en ligne,, elles pèseront sur le message.
( Il est à noter que Thunderbird n'en reste pas moins un bon éditeur html lorsqu'il est couplé avec l extension de Stationery)
bon, voilà,, ici un exemple de la signature sur laquelle j'ai bossé :
Code : Tout sélectionner
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
</head>
<body bgcolor="#000000" text="#ffffff">
<title>signature</title>
<table width="1000" border="0" cellpadding="0" cellspacing="0" bgcolor="#000000">
<tbody>
<tr>
<td align="center" valign="top" style="background-repeat: no-repeat; background-position: center;" background="http://nsm01.casimages.com/img/2008/03/10//080310022012242281810032.jpg" alt="°"><br></td>
<td align="center" valign="top" style="background-repeat: no-repeat; background-position: center;" background="http://nsm01.casimages.com/img/2008/03/10//080310022116242281810033.jpg" alt="°"><br></td>
<td align="center" valign="top" style="background-repeat: no-repeat; background-position: center;" background="http://nsm01.casimages.com/img/2008/03/10//080310022134242281810035.jpg" alt="°"><br></td>
<td height="138" valign="top"><br></td>
</tr>
<tr>
<td align="center" valign="top" style="background-repeat: no-repeat; background-position: center;" background="http://nsm01.casimages.com/img/2008/03/10//080310022216242281810036.jpg" alt="°"><br></td>
<td
style="background-repeat: no-repeat; background-position: center;"background="http://nsm01.casimages.com/img/2008/03/06//080306044013242281795033.gif" valign="top">
<p align="center"><font color="#33ff33"> - - - - - - - - - - - - - message - - - - - - - - - - - - -</font></p>
<p><font color="#ffffff"><br>
</font></p>
<p><font color="#ffffff"><br>
</font></p>
<p><font color="#ffffff"><br>
</font></p>
<p align="right"><font color="#ffffff"> <font color="#33ff33"> - - - - - - - - - stv.</font><br>
</font></p></td>
<td align="center" valign="top" style="background-repeat: no-repeat; background-position: center;" background="http://nsm01.casimages.com/img/2008/03/10//080310022254242281810037.jpg" alt="°"><br></td>
<td style="" align="left" valign="top"><br></td>
</tr>
<tr>
<td rowspan="2" align="center" valign="top" background="http://nsm01.casimages.com/img/2008/03/10//080310043952242281810106.jpg" style="background-repeat: no-repeat; background-position: center;" alt="°"><br></td>
<td rowspan="2" align="center" valign="top" background="http://nsm01.casimages.com/img/2008/03/10//080310044011242281810109.jpg"style="background-repeat: no-repeat; background-position: center;" alt="°"><br></td>
<td rowspan="2" align="center" valign="top" background="http://nsm01.casimages.com/img/2008/03/10//080310044030242281810110.jpg" style="background-repeat: no-repeat; background-position: center;" alt="°"><br></td>
<td height="30" align="center" valign="top"><br></td>
</tr>
<tr>
<td height="60" align="center" valign="top" background="http://nsm01.casimages.com/img/2008/03/06//080306022024242281794872.gif" style="background-repeat: no-repeat; background-position: center;"></td>
</tr>
<tr>
<td align="center" valign="top"><br></td>
<td align="center" valign="top"><br></td>
<td align="center" valign="top"><br></td>
<td height="22" align="center" valign="top" background="http://nsm01.casimages.com/img/2008/03/06//080306025153242281794921.gif" style="background-repeat: no-repeat; background-position: center;"><br></td>
</tr>
<tr>
<td width="180" align="left" valign="top"><br></td>
<td align="left" valign="top"><br></td>
<td width="180" align="left" valign="top"><br></td>
<td width="60" height="62" align="left" valign="top"><br></td>
</tr>
</tbody>
</table>
</body>
</html>