Pourquoi y a-t-il autant de tailles de favicon ?

Les différents contextes utilisent des tailles différentes. Les écrans d'accueil iOS veulent du 180×180. Les écrans d'accueil Android utilisent les icônes du manifeste (souvent 192×192 et 512×512). Les onglets de navigateur de bureau utilisent du 16×16 et 32×32. Fournir toutes ces tailles est le seul moyen d'avoir un rendu soigné partout.

A-t-on encore besoin de favicon.ico ?

Oui, pour les navigateurs et outils anciens qui cherchent /favicon.ico par défaut. Même les navigateurs modernes y recourent lorsqu'aucun favicon explicite n'est déclaré. Fournissez-le aux côtés des variantes PNG.

Qu'est-ce que le manifeste d'application web ?

manifest.json (ou manifest.webmanifest) déclare les icônes, le nom et la couleur de thème pour les applications web installables. Android l'utilise pour les invites d'installation sur l'écran d'accueil. iOS lit également le nom et les icônes, bien que certaines propriétés ne fonctionnent que sur Android.

Pourquoi affiche-t-il parfois une erreur CORS ?

Certains hébergeurs bloquent les récupérations d'images cross-origin. Toova détecte tout de même si l'icône existe en vérifiant la réponse, mais ne peut pas afficher l'image dans la prévisualisation. Le vrai site fonctionne toujours bien — c'est uniquement une limitation de l'outil.

L'URL que je vérifie est-elle journalisée quelque part ?

Non. Toova ne voit pas l'URL que vous vérifiez — la requête va directement de votre navigateur vers le site cible.

Vérificateur de favicon — inspecter un site

Conçu pour la confidentialité — fonctionne entièrement dans votre navigateur

Vérifiez quels favicons un site web sert — y compris le fichier ICO classique, les variantes PNG modernes, les icônes Apple Touch et le manifeste d'application web. Toova les récupère et les prévisualise dans votre navigateur, afin que vous puissiez auditer votre propre site ou comparer avec des concurrents.

Pourquoi les favicons sont un casse-tête

Les navigateurs, les plateformes mobiles, les cartes sociales, les lecteurs RSS et les extensions de navigateur cherchent tous des favicons à des endroits différents — /favicon.ico, /apple-touch-icon.png, le manifeste, les balises meta. Un site qui ne fournit que /favicon.ico manque chaque contexte moderne. Toova vérifie chaque emplacement courant, affiche le résultat et signale ce qui manque afin que vous puissiez auditer votre propre site sans formuler manuellement les requêtes.

Ce qui est vérifié

Le /favicon.ico classique à la racine. Les tailles d'apple-touch-icon (180×180, 152×152, 120×120). Les favicons PNG déclarés dans le HTML. Le manifeste d'application web du site (manifest.json) et les icônes qu'il référence. L'image Open Graph utilisée par les cartes sociales. Toova récupère chacune, affiche la taille et les dimensions, et signale tout ce qui manque — utile pour les systèmes de design et les audits de marque.

Traitement local uniquement

Les requêtes s'exécutent depuis votre navigateur, sous réserve de la politique CORS du site cible. L'URL que vous vérifiez n'est jamais envoyée à un serveur Toova — il n'y a pas de journalisation des sites que vous auditez. C'est important lorsque vous effectuez une analyse concurrentielle ou vérifiez un domaine non publié. L'onglet Réseau affichera des requêtes vers le site cible, pas vers ailleurs.

Questions fréquentes

Pourquoi y a-t-il autant de tailles de favicon ?: Les différents contextes utilisent des tailles différentes. Les écrans d'accueil iOS veulent du 180×180. Les écrans d'accueil Android utilisent les icônes du manifeste (souvent 192×192 et 512×512). Les onglets de navigateur de bureau utilisent du 16×16 et 32×32. Fournir toutes ces tailles est le seul moyen d'avoir un rendu soigné partout.
A-t-on encore besoin de favicon.ico ?: Oui, pour les navigateurs et outils anciens qui cherchent /favicon.ico par défaut. Même les navigateurs modernes y recourent lorsqu'aucun favicon explicite n'est déclaré. Fournissez-le aux côtés des variantes PNG.
Qu'est-ce que le manifeste d'application web ?: manifest.json (ou manifest.webmanifest) déclare les icônes, le nom et la couleur de thème pour les applications web installables. Android l'utilise pour les invites d'installation sur l'écran d'accueil. iOS lit également le nom et les icônes, bien que certaines propriétés ne fonctionnent que sur Android.
Pourquoi affiche-t-il parfois une erreur CORS ?: Certains hébergeurs bloquent les récupérations d'images cross-origin. Toova détecte tout de même si l'icône existe en vérifiant la réponse, mais ne peut pas afficher l'image dans la prévisualisation. Le vrai site fonctionne toujours bien — c'est uniquement une limitation de l'outil.
L'URL que je vérifie est-elle journalisée quelque part ?: Non. Toova ne voit pas l'URL que vous vérifiez — la requête va directement de votre navigateur vers le site cible.