vendredi 15 mars 2013

Pas d'image transparente dans certains blogs

J'en avais déjà parlé récemment...

Un de mes blogs n'affiche pas correctement les images avec des parties transparentes. J'ai trouvé un truc un peu plus rapide et un peu moins bâtard que ma méthode du moment:

  • Il suffit donc de placer l'image comme d'habitude et de lui donner la taille voulue. Bien sûr, elle ne sera pas transparente (pas encore). 
  • Enregistrez aussi la même image transparente dans le dossier "public" de votre Dropbox et récupérez le lien.
  • Ouvrez le message où se trouve l'image que vous voulez transparente et affichez-le en HTML. 
  • Remplacez le lien de l'image (ici en rouge) par celui récupéré sur votre Dropbox


<a href="http://4.bp.blogspot.com/-6SDIUOt4hbg/UTqSBMZEC2I/AAAAAAAAGf0/7nwt6QeI0Ic/s1600/sem12.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="http://4.bp.blogspot.com/-6SDIUOt4hbg/UTqSBMZEC2I/AAAAAAAAGf0/7nwt6QeI0Ic/s640/sem12.jpg" width="546" /></a>


Ce qui donne ça:

<a href="https://dl.dropbox.com/u/19586410/Blogs/sem12.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://dl.dropbox.com/u/19586410/Blogs/sem12.png" width="546" /></a>

Et votre image va retrouver ses transparences...

Ah oui, j'ai oublié de dire le pourquoi de tout ce mic-mac...

Et bien, tout simplement quand vous insérez une image par la voie normale c'est à dire avec Blogger, celui-ci modifie probablement la taille de l'image et peut-être sa compression (même à partir d'une URL). Ce faisant, on perd aussitôt la transparence.

Aucun commentaire:

Enregistrer un commentaire