Comment faire la petite icône favicon qui apparait dans les onglets?
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:
<link rel="icon" href="/favicon.ico" type="image/ico" />
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:
<link rel="shortcut icon" href="/favicon.ico" type="image/ico" />
Note: Merci pour vos commentaires, j'apprécie ceux qui partagent leurs avis et leurs expériences de webmestre, ou s'il y a lieu, indiquent une erreur dans mes tutoriels, mais je ne peux évidemment pas faire de support technique pour votre site, alors veuillez éviter d'en faire la demande dans cette section.
