Comment faire la petite icône favicon qui apparait dans les onglets?

Par Martin | décembre 2, 2007

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 petit 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" />
```

Catégories: Conception web, Graphisme |

Laisser un commentaire

Vous devez être connecté pour publier un commentaire.