1. Création site Internet
  2. > Articles Techniques
  3. > Web Design
  4. > Favicon, transparence, Photoshop et les autres
Favicon, transparence, Photoshop et les autres

Favicon, transparence, Photoshop et les autres

mercredi 26 janvier 2011, par Guillaume Orsal

Ce n’est pas la première fois que je cherche à créer un fichier favicon.ico pour un site.

Créer une image de 16x16 ou 32x32 au format bitmap, puis la renommer est souvent suffisant. Mais cette fois-ci j’avais besoin de gérer la transparence de mon favicon. Voici un peu d’aide sur le sujet cela aidera sûrement quelqu’un.

J’ai trouvé une première solution, via Photoshop :

  • L’astuce consiste à utiliser un petit plugin pour photoshop qui lui permettra de gérer ce nouveau format .ico.
  • Télécharger le plugin photoshop pour favicon.
  • Il suffit ensuite de dézipper le contenu, dans le sous-répertoire « plug-ins/file formats » de photoshop.
  • Redémarrer photoshop.
  • Et voilà, vous pouvez choisir « Enregistrer sous... » au format .ico et conserver la transparence.

Une seconde, via l’outil de traitement d’image open-source GIMP :

  • Là, rien à faire, GIMP permet d’enregistrer directement au format .ico
  • Donc créez votre image au format 32x32, et au moment d’enregistrer choisissez le format en question.
  • En plus c’est un logiciel libre ;-)

Une petite astuce avant de finir, créez votre image en grand, genre 400x400, pour la réduire au moment de sauvegarder. Cela facilite l’édition et le résultat est souvent de meilleure qualité.

A vous de jouer maintenant ...

Répondre à cet article

Spip | Plan du site | RSS 2.0 |
Habillage visuel © digitalnature sous Licence GPL