Les 'favicon' dans Safari

Avec la sortie de récente de Safari, et son adoption en masse par les utilisateurs Mac, beaucoup de webmasters commencent à s'intéresser aux mini-icônes placées à gauche de la barre d'adresse et dans les favoris de certains navigateurs. Voici comment créer ce type d'icône.

Créer votre 'favicon'

Les mini-icônes des sites web sont appelées des 'favicons'. Elles ont été créées par Microsoft, pour son navigateur web : Internet Explorer. Il est donc fort surprenant de voir qu'aujourd'hui, sur Mac, IE n'affiche pas ces icônes alors que le navigateur d'Apple en est capable.

Après avoir lu le premier paragraphe, vous vous en doutez, le format de ces icônes est un format de Microsoft. Il s'agit du '.ico', le format d'icône de Windows. Pour utiliser une mini-icône sur votre site web, il lui faut un format particulier : 16 couleurs (4 bits), en 16 x 16 pixels. Photoshop ne sait pas gérer le format '.ico', il vous faudra donc passer par GraphicConverter pour enregistrer votre image.

Et on la met où ?

Pour ajouter votre petite icône à votre site web, il suffit de nommer l'image "favicon.ico" (attention ! pas de majuscules, respectez bien l'orthographe) puis de l'uploader à la racine de votre site web (et dans les sous-répertoires si vous le désirez). Toutes vos pages devraient maintenant arborer une jolie icône personailsée.

Un tag simple permet d'améliorer cette méthode. Ajoutez à vos pages le : , certains navigateurs ne vont pas utiliser l'icône personnamisée sans ce tag.

Pour avoir plus d'info, lisez le tutoriel chez AllHTML.com, ou rnedez-vous sur le site Favicons.com.