Cette petite icône, bien appéciée généralement des utilisateurs, parce qu’elle démarque visuellement les sites dans les signets et les différents onglets (tabs), avec Mozilla, Firefox ou Opera, et nouvellement, Microsoft Internet Explorer, a le nom technique de favicon et est une petite image de 16 par 16 pixels sauvée dans le format ICO (certain navigateurs web supportent d’autres formats comme PNG, mais pour l’instant, seul ce format est accepté par Internet Explorer).
Voici comment faire sur Windows:
- Réduire l’image choisie (généralement le logo) en 16 X 16 pixels, éditer comme bon vous semble, et sauvegarder en BMP 8-bit pour avoir un original.
- Ouvrir le fichier image avec un logiciel graphique qui peut sauvegarder en format .ico (un logiciel gratuit et populaire est IrfanView) et sauvegarder sous le nom de favicon.ico dans le root de votre site web.
- Si vous voulez avoir de la transparence ou éditer au pixel prêt certains aspects de l’icône, je recommende aussi l’utilisation du logiciel gratuit IconEdit32
-
Ensuite ajouter cette ligne de code dans les headers de votre page web:
Pour que l’icône apparaisse aussi dans les vieilles version de Internet explorer (5.5, 5.0), on peut aussi ajouter la ligne de code suivante:
Magnifique! Ça marche! Avec Google Chrome, avec IE9, et avec Mozilla Firefox. C’est la meilleure explication que j’ai pu trouver sur la façon d’obtenir la petite icone Favicon qui apparaît dans les onglets.
Merci beaucoup, c’est gentil d’avoir pris de votre temps pour expliquer des choses comme celle-ci :)