FAQ sur les favicons
Qu’est-ce qu’un favicon ?
Un favicon est la petite image carrée qui identifie un site Web dans les onglets du navigateur, les signets, l'historique et certains résultats de recherche.
La courte définition
favicon est l'abréviation de icône préférée. Il s'agit de la petite image qu'un navigateur associe à un site Web et qu'il utilise comme raccourci visuel lorsque l'espace est limité.
Un favicon ne remplace pas le logo affiché dans un en-tête de page. Il vous aide à repérer le bon site parmi les onglets ouverts, les signets enregistrés et les entrées de l'historique du navigateur.
Où un favicon apparaît
- À côté du titre de la page dans un onglet du navigateur
- À côté des pages enregistrées dans les signets et les favoris
- Dans l'historique du navigateur et la recherche par onglets
- À côté de quelques résultats de recherche organiques
- Dans les raccourcis lorsqu'un site fournit les icônes de plateforme requises
Comment un site Web définit son favicon
Un site déclare normalement l'icône dans le document <head> avec un élément de lien. Les navigateurs peuvent également rechercher /favicon.ico à la racine du site lorsqu'aucun lien d'icône n'est présent.
<link rel="icon" href="/favicon.ico" />La plupart des sites publient plusieurs fichiers afin que les navigateurs, les écrans haute densité, les raccourcis iOS et les applications Web installées puissent sélectionner une taille appropriée.
Qu'est-ce qui fait qu'un favicon fonctionne bien
Commencez avec une illustration carrée, supprimez les petits textes et les détails fins, puis testez-la à 16 x 16 et 32 x 32 pixels. Une lettre, un symbole ou une partie simplifiée de votre logo survit généralement mieux à la réduction qu'un mot-symbole complet.
Pour un guide plus approfondi, lisez Qu'est-ce qu'un favicon (English). Vous pouvez également consulter la définition destinée au navigateur dans le Glossaire MDN favicon.
Prêt à créer votre favicon ?
Générez les fichiers communs et un extrait HTML prêt à coller.