Je viens d’apprendre à l’instant que l’icône que l’on voit à côté de l’adresse d’un site (URL), et dans les signets associés à ce site, s’appelle un favicon.
Comment faire pour personnaliser son site avec un favicon ? Ca prend 5mn maximum.
1) Plugin Photoshop
D’abord, pour tous les utilisateurs de Photoshop, il suffit de télécharger un plugin à l’adresse suivante :
http://www.telegraphics.com.au/sw/
Pour l’installer, glissez le dans votre dossier Formats de Fichiers dans Modules Externes du dossier Photoshop. Relancez Photoshop pour pouvoir l’utiliser.
2) Créer l’icône
Vous devez ensuite préparer votre icône dans la taille un peu restrainte mais obligatoire de 16 x 16 pixels. Une fois prêt, exportez votre favicon avec un simple “Enregistrer Sous”, le format de fichier ICO (Windows Icon) apparaît dans le menu des formats.
3) Du côté du serveur web
Il y a ensuite 2 façons de faire fonctionner son favicon :
– soit le serveur est configuré “par défaut” pour accueillir un fichier nommé “favicon.ico” à la racine de votre partition web, dans quel cas il suffit d’uploader votre fichier nommé accordément,
– soit vous pouvez le placer où bon vous semble (pour les puristes qui ne veuilent pas laisser traîner n’importe quoi à la racine…) et l’appeler avec une balise d’entête comme suit :
<link rel="shortcut icon" href="imgs/favicon.ico" type="image/x-icon">
Voilà ! Le tour est joué, ça ne devrait pas vous avoir pris plus de 5mn et votre favicon apparaît à présent dans votre navigateur :
