Favicon.ico, le raccourci en image vers vos favoris

Les versions modernes des navigateurs (IE5 et plus, Opera, Mozilla...) permettent l'affichage d'une petite image (icône) lorsqu'un site est ajouté aux favoris. Cette icône permet d'accéder rapidement à un site que l'on consulte souvent. Cette option nécessite la présence sur le site mis en favoris d'une icône spécifique : favicon.ico.

Exemple avec le site http://www.atoute.org  :

Comment utiliser une icône de site (favicon.ico)

Une autre technique plus rapide pour faire apparaître une favicon est de cliquer sur l'icône standard placée devant l'URL, et de la déplacer légèrement (quelques millimètres) en maintenant le doigt sur le bouton et la touche majuscule enfoncée. Au moment ou vous la relâchez, la favicon apparaît.

Avec les versions 6 et supérieures d'Internet Explorer et Firefox, il n'est même plus nécessaire de mettre le site en favori.

J'y arrive pas ! : 

- L'icône n'est pas visible ! Avez vous bien Internet explorer dans un version 5 ou supérieure ou Mozilla ? Avez vous pensé à quitter le site puis à revenir sur lui ? Avez vous essayé d'ajouter le site à vos favoris ? Bien évidemment, il faut que le site ait prévu une icône, ce qui est loin d'être le cas général comme vous pouvez le constater sur la liste de favoris affichée en exemple. Si vous aviez déjà le site dans vos favoris, effacez le, puis intégrez le de nouveau dans vos favoris. 
Enfin, dans certains cas, pour des raisons difficiles à comprendre, il est impossible d'afficher les favicon.ico. Il arrive aussi que les favicons s'affichent pendant quelques temps, puis disparaissent.

- Pas moyen de "glisser-déposer" ! Le glisser-déposer consiste à cliquer sur l'image présente devant l'adresse http://www..., à garder le bouton enfoncé tout en déplaçant le curseur jusqu'au lien de destination (en l'occurrrence la barre des tâches ou la barre des liens.) puis à relâcher le bouton. Tant que le curseur prend la forme d'un sens interdit, vous ne devez pas relâcher le bouton. Lorsque vous êtes dans un endroit où vous pouvez insérer l'icône, le curseur prend la forme d'un trait vertical.

- Où est la barre de liens ? La barre de liens n'est pas toujours visible : vérifiez qu'elle est cochée dans le menu Affichage/barres d'outils/liens. Parfois, sa taille est trop réduite, vous pouvez l'agrandir en manipulant la barre grise verticale placée devant elle. Cette barre grise verticale permet d'étendre ou de réduire la barre de liens, ou même de la déplacer sur une autre ligne.

- Le nom du site prend toute la place dans la barre de liens ! Lorsque vous mettez un site en favoris, votre navigateur reprend automatiquement le titre de la page. Le plus simple est de renommer le liens dans les favoris ou dans la barre de liens : faites un clic droit sur l'icône que vous avez déplacée, puis renommez la par un mot bref ou une abréviation.

- L'icône n'est pas visible, et deux flèches sont apparues dans la barre où j'ai déposé l'icône ! Lorsqu'un élément supplémentaire déposé dans une barre d'outils ou de tâches dépasse sa capacité, un symbole >> permet d'accéder à la suite des boutons ou icônes. Pour éviter cette disparition, il suffit de redimensionner la barre avec la fine barre grise verticale placée devant elle ou devant la barre qui la suit horizontalement. (S'il s'agit de la barre de liens, il est également nécessaire de renommer le lien par un clic droit).

Je veux faire pareil pour mon site !

Vous avez un site et vous souhaitez que vos lecteurs puissent visualiser votre icône dans leurs favoris ? Suivez ces étapes :

1) Créer votre icône

Attention une icône est un document image particulier et non une image gif ou jpg renommée en .ico. Pour une compatibilité maximale, limitez vous à 16 x 16 pixels utilisant les 16 couleurs de base de Windows.

Vous pouvez aussi utiliser des icônes plus grandes où d'autres types d'images qui ne seront pas visibles dans IE (des explications)

 Vous pouvez télécharger une icône existante ou utiliser un site ou un programme spécial pour fabriquer votre icône. Vous pouvez aussi utiliser Paint, mais attention à bien définir la taille et à sauvegarder au format "bitmap 16 couleurs" puis à renommer en favicon.ico.

2) Vous avez alors deux choix : 

a) Insérez votre fichier icône dans la racine de votre site (au même niveau que votre index.htm). Vous devrez alors obligatoirement la renommer favicon.ico C'est tout !

Remarque : l'icône favicon.ico doit être dupliquée dans tous les répertoires si vous souhaitez qu'elle puisse apparaître pour toutes vos pages.

b) Insérez la n'importe où (y compris sur un autre site) et indiquez son chemin dans les metas de votre page d'accueil avec le code suivant (en modifiant bien sûr l'adresse et le nom de l'icône) :

<HEAD>
<LINK REL="SHORTCUT ICON" HREF="http://www.votredomaine.com/monicone.ico">
Autres Metas éventuelles
</HEAD>

Remarque 1 : il est déconseillé d'utiliser cette méthode si vous n'avez aucune idée de ce qu'est une balise META.
Remarque 2 : dans cette deuxième option, vous pouvez donner le nom que vous voulez à votre icône, avec l'extension .ico ; vous pouvez également choisir une icône différentes pour des pages différentes de votre site. 

Dernière étape : créez un lien vers cette page ou créez votre propre page d'explications en vous inspirant de celle-ci (merci de mettre un lien vers la source : http://www.atoute.org/favicon/favicon.htm )

Autres liens : 
http://www.lookimage.com/favicon/

 

 

Dernière mise à jour le mardi 19 juillet 2005  -  Auteur Dominique Dupagne
Page d'accueil  I Plan du site

    Hit-Parade