Imprimer cette page

Qu'est ce qu'un favicon ?

Une favicon est une petite image qui vous distingue des autres sites Internet, elle est situé à gauche de votre URL. Cette icône peu être aussi utilisée dans la barre d'adresse, les favoris, les onglets, ou autres raccourcis.

I Créer son favicon

a) Télécharger le petit utilitaire suivant taille 2.15Mo:

happyicon.zip - Serveur local

happyicon.zip - autres liens

Ce logiciel vous permettra de créer et personnalisé votre favicon à votre façon

Votre icône doit IMPERATIVEMENT être de taille 16x16 en 256 couleurs et s'intituler favicon.ico.

Un site très pratique vous offre des favicons préconçu http://www.favicon.fr/

ou un autre qui vous permet de concevoir vous même votre favico http://www.html-kit.com/favicon/

b) Pour bien vérifier si votre favicon s'affiche et si elle est bien pris en compte par votre navigateur, une fois votre favicon placer sur votre serveur à la racine, saisissez ce chemin dans l'URL http://www.votre_site.com/favicon.ico

- Si une croix rouge apparaît vérifier bien les conditions (16x16 et 256 couleurs)

- Si votre icône apparaît, passez à l'étape 2

II Mise en place de l'icône sur votre serveur

Une fois votre icône créer, mettez la à la racine de votre site Web ou se trouve votre page index.html (si vous désirez mettre votre favicon à un autre endroit, changer le chemin de la rubrique III selon l'arborescence de votre site)

III Insérer la favicon dans mon URL

Insérer le code HTML entre les balises HEAD et /HEAD de votre page Web:

<LINK REL="SHORTCUT ICON" href="http://www.votre_site.com/favicon.ico">

Remplacer http://www.votre_site.com/favicon.ico par votre nom de domaine ou site personnel

Voila à priori le résultat final devrait aboutir à ça