Qu'est-ce qu'un favicon ? Guide complet
Un favicon est la petite icône carrée qu'un navigateur affiche pour votre site : dans l'onglet, à côté d'un favori, dans l'historique et sur l'écran d'accueil d'un téléphone. C'est un véritable fichier image servi depuis votre domaine et référencé depuis l'en-tête de la page, généralement fourni en plusieurs tailles pour que chaque surface puisse choisir celle dont elle a besoin.
Où un favicon apparaît réellement
L'onglet du navigateur est le cas évident, mais c'est le moins exigeant. Les barres de favoris, les listes d'historique, les pages de démarrage des navigateurs, les résultats de recherche, les aperçus de liens dans les applications de messagerie et les écrans d'accueil des téléphones réclament tous une icône, et plusieurs d'entre eux veulent un fichier bien plus grand que l'onglet.
C'est pourquoi un favicon est en réalité un ensemble plutôt qu'un fichier unique. Une icône d'onglet de 16 pixels et une icône d'écran d'accueil iOS de 180 pixels sont des images différentes, avec des contraintes de conception différentes, même lorsqu'elles proviennent de la même marque.
La même marque aux tailles qui comptent
FAQ sur le favicon
Un favicon est-il obligatoire ?
Aucune norme ne l'exige, mais les navigateurs demanderont /favicon.ico de toute façon, et une icône manquante s'affiche sous forme de placeholder vide ou générique. Sur un nouveau produit, cela donne une impression d'inachevé.
Quelle est la différence entre un favicon et une icône d'application ?
Un favicon identifie votre site à l'intérieur d'un navigateur ; une icône d'application représente une application installée sur un écran d'accueil ou un lanceur. En pratique, elles proviennent du même visuel et sont livrées ensemble, ce qui explique pourquoi les générateurs exportent les deux.