Favicon

Un article de Wikipédia, l'encyclopédie libre.
Aller à : navigation, rechercher
Favicon de Wikipedia
Favicon de Google de janvier 2009 à août 2012

Une favicon est une icône informatique symbolisant un site web.

Ces icônes sont créées[1] et/ou utilisés par les concepteurs des sites internet. Les navigateurs web peuvent utiliser la favicon dans la barre d'adresse, les signets, les onglets ou encore les autres raccourcis[2].

Le mot favicon est un mot-valise né de la contraction des mots anglais favorite (favori) et icon (icône). Le nom a été répandu par le navigateur web Internet Explorer qui exigeait que le fichier icône s'appelle favicon.ico.

Détails techniques[modifier | modifier le code]

La fonctionnalité a été introduite par le navigateur Internet Explorer de Microsoft qui testait la présence d'un fichier favicon.ico à la racine du site. Sans avoir été standardisé, ce concept a été adopté par l'ensemble des navigateurs graphiques ; la page web précisant désormais son icône directement dans l'entête <head>, avec un code du type[3] :

<link rel="icon" type="image/png" href="favicon.png" />

L'utilisation de l'entête a permis entre autres de s'affranchir du format propriétaire Windows (ICO) et de l'étendre aux autres format d'images tel que PNG, MNG animés, APNG, GIF tout permettant l'utilisation d'un autre nom de fichier.

Les navigateurs Internet Explorer versions 6, 7, 8 et 9 ne supportent que le format .ICO ; d'autres navigateurs, comme Firefox, Safari et Opera, acceptent également les autres formats. [réf. souhaitée]

Cette icône a généralement une taille de 16 × 16 ou 32 × 32 pixels.

La favicon est de plus en plus reconnue et affichée dans le navigateur (par exemple dans la barre d'adresse et dans les onglets de Mozilla Firefox) ou dans les signets (par exemple dans les signets du navigateur Safari d’Apple), voire reprise directement par les logiciels de FTP ou de lecture des fils RSS afin d'identifier rapidement et facilement ses sites favoris. L'usage de la favicon se répand donc peu à peu et revêt désormais une certaine importance dans la finition d'un site et l'image de la société communiquant sa favicon.

Navigateur sur Mobile[modifier | modifier le code]

Les périphériques mobiles Apple équipés du système d'exploitation iOS de version 1.1.3 ou supérieurs, tels que iPod Touch, iPhone, ou iPad, ainsi que certains téléphones Android[4], offrent la possibilité de fournir une icône utilisée sur leur écran d'accueil. Cette icône est plus large que l'image utilisée en favicon et utilise une en-tête propriétaire d'Apple, avec une balise de type <link rel="apple-touch-icon" ...> dans la section <head> de la page.

Notes et références[modifier | modifier le code]

  1. favicon pour votre site, OpenClassrooms
  2. une icône favicon dans le navigateur, AlsaCreation
  3. (en) How to Add a Favicon to your Site, W3C, 2005
  4. (en) Mathias Bynens, « Everything you always wanted to know about touch icons »,‎ (consulté le 15 novembre 2011)

Articles connexes[modifier | modifier le code]