Les 'favicon' dans Safari

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 : <LINK REL="SHORTCUT ICON" HREF="chemin/favicon.ico">, 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.