Favicon toi même !

Publié le 03 septembre 2007 par Tonylepsie

Un favicon, pour ceux qui ne le savent pas, est la petite icône qui s’affiche à côté de l’url dans le champ d’adresse d’un navigateur. Cette icône est d’un format particulier .ico. Pour info, le format du fichier .ico est un format MIME Windows.
Voici les caractéristiques d’un favicon :
Sa taille est soit de 32×32 ou 16×16 pixels.
Il doit être en 256 couleurs.
Le nom du fichier doit être “favicon.ico
Si ces caractéristique ne sont pas respectées, l’image n’apparaîtra pas.

A noter que les navigateurs récents (comme firefox ou IE 7) acceptent entre autres des images PNG ou GIF comme favicon.

A la base, le favicon doit être à la racine du site et il est le même pour tout le site, mais il est maintenant possible de le changer pour chaque page en précisant sa propre icône dans ses entêtes de cette manière :

Script html

<link rel="icon" type="image/ico" href="favicon.ico" />
 

Pour rappel, les principaux types sont :

  • image/png: image PNG
  • image/gif: image GIF
  • image/jpeg: image JPEG

Pour ceux qui veulent des favicons animés (perso je trouve ça un peu jacky mais ce n’est que mon avis) et ben il faut simplement un gif animé.

Et pour finir ceci, voici quelques sites intéressants :
http://www.favicon.cc/ pour créer vous même vos favicons soit en les dessinant soit en important une image
http://www.favicon.fr/ qui vous propose des centaines de favicons à télécharger
http://www.smashingmagazine.com/[…] qui nous propose une liste de 50 favicons plutôt sympa.