La favicon est une image qui s'affiche à gauche du titre de la page (contenu de la balise title) lorsque la page HTML s'affiche dans un navigateur web.
Historiquement, l'extension de ce ficher était .ico
La notion de favicon a été introduite par le navigateur Internet de Microsoft
(version 5) et a été adoptée par tous les autres navigateurs. Si un fichier est nommé
favicon.ico est présent à la racine du site, toute page
provenant d'un serveur (lourd, tel qu'Apache [configuré pour avoir un tel comportement],
affichera automatiquement cette icône.
Cet automatisme ne fonctionne que si la page provient d'un serveur. Il n'est alors pas
obligatoire de taper :
<link rel="icon" type="image/x-icon"
href="/images/favicon.ico">'
Format propriétaire (Microsoft), lourd (plus images). Cfr wikipedia
L'icône de la présente page web ne provient pas de 'favicon.ico'. Mais d'un fichier
SVG :
<link rel="icon" type="image/svg+xml"
href="favicon.svg" />
Actuellement, d'autres extensions/formats sont autorisés :
(mais il faut alors ajouter le code HTML approprié)
-
Le format PNG a pour avantage qu'il supporte la transparence.
<link rel="icon" type="image/png" href="favicon.png" />NB : Un fichier PNG est parfois plus léger qu'un fichier SVG.
-
Le format SVG a pour avantages de supporter la transparence et d'être léger (vectoriel).
<link rel="icon" type="image/svg+xml" href="favicon.svg" />L'animation n'y est pas supportée.
-
Le format JPEG (.jpg) ne supporte pas la transparence et n'est pas recommandé [dans ce cadre].
-
Le format GIF (.jpg) n'est pas recommandé.
La taille de l'image devrait être taille 32 x 32
pixels.
Cette icône devrait colorée (pas en couleur noire pour être visible même lorsque l'utilisateur choisi de naviguer avec un contraste élévé)
Elle est particulièrement utile lorsque l'internaute a ouvert de nombreux onglets (au point qu'il ne sait plus lire le title). De plus, elle s'affiche également dans l'historique des pages visitées et dans les favoris enregistrés.