Favicon

Un favicon est une petite icône qui identifie un site web dans un navigateur web. La plupart des navigateurs affichent le favicon d’un site web à gauche de la barre d’adresse, à côté de l’URL. Certains navigateurs peuvent également afficher le favicon dans l’onglet du navigateur, à côté du titre de la page. Les favicons sont aussi automatiquement enregistrés avec les signets ou les « favoris ».

Les favicons existent depuis le début des années 2000 et sont pris en charge par tous les principaux navigateurs web. Cependant, les différents navigateurs proposent des implémentations différentes des favicons. Par exemple, Firefox, Internet Explorer et Safari affichent tous les favicons dans la barre d’adresse, tandis que Google Chrome les affiche uniquement dans les onglets des pages. La plupart des navigateurs prennent en charge les favicons enregistrés sous forme de fichiers .GIF, .PNG ou .JPG, mais Internet Explorer affiche uniquement les favicons enregistrés au format .ICO.

La méthode standard pour ajouter un favicon à un site web consiste à téléverser une petite image de 16x16 pixels nommée favicon.ico dans le répertoire racine du site web. Lorsqu’un utilisateur charge une page du site web dans un navigateur web, le navigateur recherche le fichier favicon.ico et, s’il en trouve un enregistré dans un format pris en charge, il affiche automatiquement l’icône à côté de l’URL ou du titre de la page. Le favicon peut également être spécifié dans le code HTML d’une page web comme suit :

<link rel="shortcut icon" href="http://www.domain.com/myicon.ico">

La méthode HTML remplace généralement le favicon enregistré dans le répertoire racine, ce qui peut être utile si vous souhaitez afficher un favicon personnalisé pour certaines pages d’un site web.

NOTE: La taille standard d’un favicon est de 16x16 pixels, mais la plupart des navigateurs reconnaissent également les favicons enregistrés sous forme d’images de 32x32, 48x48 et 64x64 pixels. Les favicons de plus de 16x16 pixels sont généralement réduits à 16x16 afin de s’afficher correctement dans le navigateur. Toutefois, les navigateurs qui prennent en charge les écrans Retina affichent les icônes de 32x32 pixels dans leur résolution native.