Qu'est-ce qu'un favicon ?
Un favicon (abréviation de 'favorites icon') est la petite icône affichée dans les onglets du navigateur, les signets, l'historique et les écrans d'accueil mobiles. Initialement un simple fichier ICO de 16×16 pixels, les favicons modernes englobent plusieurs tailles et formats pour supporter les écrans haute densité, les manifestes PWA et les exigences spécifiques aux plateformes. Un favicon bien conçu renforce la reconnaissance de marque et améliore l'expérience utilisateur.
Pourquoi les favicons sont importants
Les favicons servent d'empreinte visuelle de votre site. Ils apparaissent dans les onglets, barres de signets, résultats de recherche, écrans d'installation PWA et raccourcis mobiles. Un favicon manquant ou mal rendu signale un manque d'attention et peut réduire la confiance des utilisateurs. Les moteurs de recherche utilisent aussi les favicons dans les résultats mobiles, en faisant un composant significatif de votre stratégie SEO et de marque.
Tailles et formats requis
Les sites modernes doivent fournir des favicons en plusieurs tailles : 16×16 et 32×32 pour les onglets classiques, 48×48 pour la barre des tâches Windows, 180×180 pour Apple touch icons, et 192×192 plus 512×512 pour les manifestes PWA. Le format ICO supporte plusieurs tailles dans un seul fichier. PNG offre un rendu net sur les écrans haute densité. Les favicons SVG sont indépendants de la résolution et supportés par les navigateurs modernes.
Bonnes pratiques
Commencez par un design simple et reconnaissable — les favicons sont vus à très petite taille. Utilisez un fond transparent pour PNG et SVG. Testez votre favicon sur différents navigateurs et appareils. Incluez toutes les tailles dans votre <head> HTML. Notre générateur crée tous les formats automatiquement depuis un seul téléchargement.
