favicon.ico

L'icône qui se place à côté de l'URL des sites dans les récents navigateurs (Firefox, Konqueror, ...) s'appelle une "favicon". Il s'agit d'un fichier qui se nomme "favicon.ico" et qui se place à la racine du serveur Web. Ainsi, sur mon icône se situe à l'emplacement http://yansanmo.no-ip.org/favicon.ico. Les navigateurs récents, lors des visites, recherchent cette icône automatiquement.

Technique de création:

  1. Créer une image bitmap de 16x16 pixels avec un logiciel de dessin (KolourPaint, Gimp, KIconEdit...)
  2. Faites votre logo selon vos talents artistiques.
  3. Enregistrer sous le nom de favicon.ico (ou encore favicon.bmp, ensuite renommer en favicon.ico)
  4. Placer le fichier favicon.ico à la racine de votre serveur Web. Il ne faut pas qu'elle se situe dans un sous-répertoire de votre site Web. Si vous la placez dans le répertoire images par exemple http://nomduserveur.com/images/favicon.ico, l'image ne sera pas chargée.

Icône pour une page spécifique

Placer la balise <link> à l'intérieur de la balise <head>.

<link rel="SHORTCUT ICON" href="http://www.mondomaine.com/monicon.ico" />

En spécifiant le type mime de l'icône (attribut type=""), certains navigateurs permettent l'utilisation de format différent de ".ico". Ainsi, on peut insérer un GIF statique ou animé (type="text/gif"), un JPEG (type="text/jpeg") ou un PNG (type="text/png").

Référence