Création de site > Astuces > Favicon: Ajouter un icône dans la barre d'adresse

Favicon: Ajouter un icône dans la barre d'adresse

par spado
20/02/2007 à 16h21
rss

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.