Les favicons, ce sont les petites icônes qui apparaissent dans le navigateur web à côté de l’URL d’un site. Introduits par Microsoft, ils sont au format .ico, généralement inconnu des outils de création graphique libres. Les créer nécessite donc quelques manipulations.
Format
Très appréciés, car ils permettent de personnaliser un site en lui associant un petit logo, et bien que supportés par les navigateurs récents, les favicons ne sont toutefois pas définis par les standards du web. Microsoft oblige, ils sont stockés dans le même format que les icônes Windows (.ico). Sous Linux, et plus généralement sous tout système non Microsoft, ce format est peu ou pas géré par les outils graphiques.
Création de l’icône
Étape 1 : Gimp
Il faut tout d’abord créer/importer/retoucher l’image sous Gimp. On veillera à respecter les contraintes suivantes :
- Taille de 16×16 pixels
- N’utiliser qu’une palette de 16 couleurs (15 si l’on souhaite utiliser la transparence)
Sauvegarder l’image au format XPM.
Étape 2 : netpbm
netpbm est un package destiné à la manipulation d’images. Il est présent dans la plupart des distributions Linux. C’est grâce à lui que nous allons convertir notre icône au format voulu.
Tout d’abord, extraire du fichier .xpm les données de couleur (.ppm) ainsi que le masque de transparence (.pbm) :
xpmtoppm --alphaout=mask.pbm icone.xpm > icone.ppm
Puis utiliser ces deux fichiers pour construire le fichier .ico :
ppmtowinicon -andpgms icone.ppm mask.pbm > favicon.ico
Voilà, nous avons notre favicon ! Reste à configurer notre serveur web…
Configuration du serveur
Dans la section <head>
de notre page web, ajouter les lignes suivantes :
<link rel="icon" href="favicon.ico" type="image/x-icon" > <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
Ensuite, il suffit de copier le fichier favicon.ico dans le même répertoire.
Les commentaires sont clos.