Webaide.net http://www.webaide.net Ressources pour webmaster, et sur l informatique en general fr http://www.webaidenet/ Favicon : Ajouter un icône dans la barre d'adresse http://www.webaide.net/Favicon-Ajouter-un-ic-ne-dans-la-barre-d-adresse-aide-140.html http://www.webaide.net/Favicon-Ajouter-un-ic-ne-dans-la-barre-d-adresse-aide-140.html 2007-02-20T16:21:03Z text/html fr-fr spado Astuces Un tutoriel pour ajouter un petit icone a coté de la barre d'adresse, ou qui apparait a coté de notre site dans les favoris, cet icône est appelé FAVICON. Introduction


Le favicon permet de personnaliser son site, et de le distinguer plus facilement dans la liste des favoris grace a une petite image représentative de note site web.

Il existe plusieurs cours qui explique comment créer et ajouter des favicon sur notre, mais je me suis aperçu que la majorité était faux. Beaucoup de site propose de renommer une image bmp en .ico, ce qui fonctionne pour firefox, mais il ne fonctionnera pas sous Internet Explorer.

formats supporté :


Internet explorer ne supporte que le format ICO
Mozilla firefox supporte les formats : PNG, MNG, JPEG, GIF, XBM, BMP, ICO

Préparer une image


Vous devez choisir, ou créer une image de taille 16x16 ou 32x32 en 256 couleurs ( 8bits), vous pouvez l'enregistrer dans le format qui vous convient le mieux, si vous voulez un effet de transparence, utilisez du GIF.

Il vous faut maintenant un logiciel pour convertir une image en .ico ( la renommer ne suffit pas !)
Télécharger XnView

Installez le logiciel, ouvres votre image, et choisissez :
Menu Fichier / Enregistrer Sous
Format ICO
Nom : favicon

Il vas donc vous créer un fichier favicon.ico
Transferer le à la racine de votre site.

Integrer dans le code HTML


Inserer dans le <head> </head>:

<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />



>]]>