Pourquoi mon favicon ne se met-il pas à jour ?
C'est le problème de favicon le plus courant, et c'est presque toujours une question de cache. Les navigateurs retiennent les favicons plus fermement que la plupart des fichiers. Réglez-le dans cet ordre : forcez le rechargement (Ctrl+Shift+R / Cmd+Shift+R) ; si cela échoue, fermez entièrement l'onglet et ouvrez-en un nouveau, car le cache des favicons est souvent lié à l'onglet ; pendant vos itérations, ajoutez un paramètre de version jetable comme /favicon.ico?v=2 pour que le navigateur récupère un « nouveau » fichier. Google Search conserve une copie distincte et s'actualise selon son propre calendrier — de quelques jours à quelques semaines.
Ai-je encore besoin d'un favicon.ico en 2026 ?
Oui. Même avec un SVG en place, les navigateurs et Googlebot demandent toujours /favicon.ico à la racine du site automatiquement, et quelques clients anciens en dépendent. C'est un fichier minuscule — conservez un .ico multi-taille (16/32/48) comme base fiable.
De quelles tailles ai-je réellement besoin ?
Bien moins que ce que produisent la plupart des générateurs. L'ensemble complet et actuel est le suivant : un favicon.ico multi-taille (16/32/48), un icon.svg, un apple-touch-icon.png en 180×180, et des PNG 192 + 512 référencés depuis votre manifeste d'application web. Les anciennes tuiles Windows en 70×70/150×150 et les dizaines de PNG intermédiaires ne servent plus.
Quelle est la différence entre un favicon et un apple-touch-icon ?
Le favicon (.ico/SVG/PNG) est la petite icône de l'onglet et des favoris. L'apple-touch-icon est un PNG 180×180 qu'iOS utilise lorsqu'on ajoute votre site à l'écran d'accueil — affiché en grand et aux coins arrondis par le système. iOS ne lit pas votre favicon SVG pour cela, le PNG dédié est donc requis.
Puis-je utiliser un favicon SVG ? Tous les navigateurs le prennent-ils en charge ?
Tous les navigateurs actuels, sur ordinateur comme sur mobile, affichent les favicons SVG. Servez-leur le SVG et conservez un favicon.ico pour que les navigateurs anciens — et Google Search — reçoivent malgré tout une icône. Le meilleur des deux mondes, en deux fichiers.
Comment créer un favicon en mode sombre ?
Seul le SVG peut s'adapter. Placez une règle @media (prefers-color-scheme: dark) à l'intérieur du SVG pour que sa couleur de remplissage change avec le thème du navigateur — utile lorsqu'un logo sombre disparaîtrait sur une barre d'onglets sombre. Le ICO et le PNG sont des images bitmap figées et ne peuvent pas changer. Un exemple complet figure dans les Astuces avancées.
Pourquoi Google affiche-t-il le mauvais favicon — ou aucun — dans la recherche ?
Google applique des règles précises : le favicon doit se trouver à une URL stable, être carré et d'une taille multiple de 48×48 (48, 96, 144…), résider sur le même hôte que le site, et figurer sur une page que Google peut indexer. Il met aussi l'icône en cache séparément de la page, de sorte qu'un changement peut mettre des jours, voire des semaines, à apparaître. Si Google n'affiche rien, vérifiez que /favicon.ico renvoie un code 200 à Googlebot et que la page n'est pas bloquée par robots ou noindex.
Mon favicon doit-il avoir un fond transparent ?
En général oui — un PNG/SVG transparent s'intègre proprement sur les barres d'onglets claires comme sombres. Le .ico généré conserve un fond plein comme solution de repli pour les rares vieux navigateurs incapables d'afficher la transparence. Si votre logo est de couleur claire, envisagez une petite forme pleine derrière lui pour qu'il ne disparaisse pas sur une barre d'onglets blanche.
Mon favicon paraît flou ou brouillon — pourquoi ?
Le détail meurt à 16×16. Les logotypes textuels, les traits fins et les dégradés se transforment en bouillie. Utilisez un seul glyphe ou symbole marqué, un contraste élevé et de généreux espaces vides. Si un logo comporte un petit texte, supprimez le texte pour le favicon et ne gardez que le symbole.
Je vois des erreurs 404 sur favicon.ico dans les journaux de mon serveur — est-ce un problème ?
Seulement que vous n'avez pas de favicon. Les navigateurs demandent /favicon.ico automatiquement, et un fichier manquant se traduit donc par des erreurs 404 répétées. Ajoutez le fichier à la racine et elles cessent.
Un favicon a-t-il un effet sur le SEO ?
Pas en tant que facteur de classement. Mais Google Search affiche bel et bien votre favicon à côté du résultat sur mobile, et une icône claire et reconnaissable améliore donc le taux de clic — un gain indirect, pas un coup de pouce au classement.
Mon image est-elle envoyée quelque part ?
Non. Le générateur s'exécute entièrement dans votre navigateur via l'API Canvas — l'image ne touche jamais un serveur. C'est pourquoi il fonctionne avec vos créations privées, et même hors ligne.