Favicons

Petit mémo sur les favicons, ces petites images symbolisant un site web et qui apparaissent dans les navigateurs web au niveau de la barre d'adresse ou des onglets par exemple.

Pour déclarer l'utilisation d'une favicon, il suffit d'inclure dans l'en-tête (head) des pages web un élément link de la forme :

<link rel="icon" type="image/png" href="/path/to/favicon">
Déclaration d'une favicon dans une page web.

Maintenant, la plupart des navigateurs web effectuent une requête automatique à chaque fois qu'ils chargent une page web en cherchant une favicon à la racine du site. Je croyais qu'il s'agissait là d'une recommandation technique, mais ce n'est apparemment pas le cas. De fait, si vous ne placez pas de favicon à la racine de votre site, vos logs de connection seront constamment encombrés de requêtes en erreur. Comment éviter cela ?

Karl Dubost remarque qu'il est possible de configurer certains navigateurs pour interdire cette requête :

Désactiver la requête automatique à une favicon.
Navigateur Configuration Propriété Valeur
Opera 11 opera:config MultimediaAlwaysloadfavicon 0
Firefox 4 about:config browser.chrome.favicons false

Cela règle le problème « côté client », mais tout le monde n'appliquera pas la correction. Pour éviter que la requête automatique de la favicon ne soit toujours en erreur, il faut agir au niveau du serveur et rediriger cette requête vers le bon fichier :

rewriteCond %{REQUEST_URI} ^/favicon\.ico$
rewriteRule .* /path/to/favicon [L]
Redirection dans un fichier .htaccess de la requête automatique à une favicon.

DUBOST, Karl. Useless HTTP requests - favicon. KarlCow,

DUBOST, Karl. How to Add a Favicon to your Site. W3C Quality Assurance,