Dans le précédent article Comment ajouter une signature html à vos mails Gmail, je vous expliquait comment créer un bookmarklet afin d'afficher une signature html dans vos emails Gmail. Le problème est que la procédure peut-être un peu difficile pour un public non avertit.

C'est pour cela que j'ai la joie de vous annoncer le lancement d'un outils de création en ligne de bookmarklet (dans notre cas de signature html pour Gmail).

Pour accéder à l'outils c'est par ici : Comment ajouter une signature HTML sous Gmail.

Ces 2 dernières minutes, ne sachant pas quoi faire et rempli d'une profonde tristesse, j'ai eu l'idée (et quelle idée, c'est ce genre d'idée qui vous fait perdre votre temps) de créer un script, qui, à partir d'une image (dans notre exemple une image png) va la transformer en code (x)html en utilisant des propriétés css. Le code du script est disponible ici.

Rien de bien compliqué :

1. On récupère la taille de l'image
2. On ouvre l'image
3. On fait une boucle sur les Y et les X
   
• A chaque pixel X:Y on récupère son index
• On créé un div à la position X;Y et on lui applique un background-color en ayant convertit l'index en RGB
  
4. Et voila :)

J'ai ajouté la variable "coef" qui permet de spécifier un coefficient multiplicateur (=zoom), un coef de 1 est la taille normal.

Je pense que des optimisations sont possibles (eh oui, même sur un petit morceaux de code comme celui la !) :

• Il suffirait de stocker tous les index et leurs positions dans un tableau. Ensuite il faudrait regarder si il y a des mêmes index consécutifs pour ainsi créer un seul div - avec une taille plus grande - au lieu de plusieurs, on allège ainsi la taille du rendu html.
• Ou encore, faire une liste des différentes couleurs, leurs créer une classe css, et appliquer cette class sur les div (à condition que le nom des classes ne dépassent pas 2-3 caractères et que l'image ne contienne pas beaucoup de couleur)
  

Ci-joint un exemple généré avec le script et l'image originale utilisée, la page pèse plus de 2.5Mo alors que l'image fait 20.8Ko... Je n'ai jamais dit que le script avait une réel utilité !