Avez-vous vraiment besoin de tous les fichiers de favicon, ou juste de favicon.ico ?
Un générateur vous remet un dossier plein de fichiers d'icône. La plupart des sites n'en utilisent qu'une poignée. Voici à quoi sert vraiment chacun, pour que vous puissiez livrer ceux dont vos surfaces ont besoin et laisser le reste de côté la conscience tranquille.
Pourquoi les générateurs vous remettent le kit entier
Un générateur de favicon exporte une douzaine de fichiers ou plus parce qu'il ne peut pas savoir quelles surfaces vous intéressent, alors il les couvre toutes d'un coup : chaque navigateur, iOS, Android, installation de PWA, tuiles Windows, tout le paquet. C'est un choix par défaut sensé : les fichiers sont minuscules et en livrer quelques-uns inutilisés ne coûte rien, hormis un peu de désordre.
Mais plus de fichiers, ce n'est pas un meilleur favicon. C'en est un plus couvert. Que cette couverture vaille quelque chose dépend entièrement des surfaces que vos visiteurs atteignent réellement, et pour beaucoup de sites, c'est une liste courte.
À quoi sert chaque fichier, et qui en a besoin
| Fichier(s) | Surface desservie | En avez-vous besoin ? |
|---|---|---|
| favicon.ico | Onglets du navigateur, favoris, robots d'exploration, lecteurs de flux | Oui, toujours |
| favicon.svg / PNG 32px | Icône d'onglet plus nette sur les navigateurs modernes | Bon à avoir |
| apple-touch-icon (180) | Raccourci sur l'écran d'accueil iOS | Uniquement si les gens enregistrent votre site sur un iPhone |
| manifest + PNG 192/512 | Installation Android et PWA | Uniquement s'il s'agit d'une app installable |
| icône maskable | Mise en forme de l'icône adaptative Android | Uniquement pour une PWA |
| icône 48px+ | Le favicon dans les résultats de recherche Google | Oui, si votre apparence dans la recherche vous importe |
Le minimum honnête
Pour un simple site vitrine, un blog ou une page de documentation, un seul favicon.ico contenant des versions de 16, 32 et 48 pixels suffit vraiment. Ajoutez un SVG si vous voulez une icône nette sur les écrans haute densité, et c'est terminé. Personne n'installe votre blog sur son écran d'accueil, donc l'apple-touch-icon et les icônes du manifest restent là, inutilisés.
Cette entrée de 48 pixels fait double emploi : c'est aussi la taille que Google veut avant d'afficher un favicon à côté de votre résultat, donc un bon .ico couvre aussi discrètement votre apparence dans la recherche.
Quand le jeu complet mérite sa place
Les fichiers supplémentaires cessent d'être optionnels dès l'instant où vous utilisez les surfaces qu'ils desservent. Une PWA installable ne proposera même pas l'installation sans un 192 et un 512 dans son manifest. Une app que les gens ajoutent à l'écran d'accueil de leur iPhone paraît cassée sans apple-touch-icon, car iOS se rabat sur une capture d'écran floue. Un produit qui mise sur le mode sombre veut une icône adaptative au thème pour ne pas disparaître contre la barre d'onglets.
Sur ces sites, les icônes « supplémentaires » ne sont pas du tout supplémentaires : elles sont le seul moyen de bien rendre sur des surfaces que vos utilisateurs atteignent réellement. La couverture compte exactement là où elle est utilisée, ce qui est justement le point que l'argument en faveur d'une couverture complète cherche à faire passer.
Alors, un générateur devrait-il vous obliger à choisir ?
Notre avis : exporter le jeu complet est le bon choix par défaut, car c'est sûr et ça ne vous coûte presque rien. Mais vous devriez vous sentir libre de ne livrer que ce dont vos surfaces ont besoin (un favicon.ico pour tout le monde, plus un apple-touch-icon et un manifest si vous avez une app ou une PWA) et de supprimer le reste sans culpabilité.
Le bon modèle mental n'est pas « combien de fichiers de favicon devrais-je avoir », c'est « sur quelles surfaces est-ce que j'apparais réellement ». Répondez à cela, et la liste de fichiers se répond d'elle-même.
Questions fréquentes
Ai-je besoin de toutes ces tailles de favicon ?
Non. Un favicon.ico avec des versions de 16, 32 et 48 pixels couvre les onglets du navigateur et l'icône de recherche Google. Les autres tailles correspondent à des surfaces spécifiques (écrans d'accueil iOS, installation Android et PWA), donc ne les livrez que si vous les utilisez.
Est-ce que juste favicon.ico suffit ?
Pour les onglets du navigateur sur tous les navigateurs, oui. Ce n'est pas suffisant pour les raccourcis sur l'écran d'accueil iOS, l'installation de PWA ou une icône adaptative au mode sombre, et chacun de ces cas a besoin de son propre fichier. Si vous n'utilisez pas ces surfaces, un seul bon .ico convient.
Avoir plus de fichiers de favicon aide-t-il le SEO ?
Non. Il n'y a aucun bénéfice de classement à des icônes supplémentaires. Google n'a besoin que d'une icône d'au moins 48x48 pour afficher un favicon dans les résultats ; les fichiers additionnels desservent des surfaces hors recherche et n'affectent pas le classement.
Les fichiers de favicon inutilisés vont-ils ralentir mon site ?
À peine. Un fichier n'est récupéré que lorsqu'une surface le demande réellement, et les favicons sont mis en cache de façon agressive après le premier chargement. Le vrai coût de livrer des icônes que vous n'utilisez pas, c'est le désordre dans votre projet, pas la vitesse de la page.