Vérifier le favicon d'un site
Vérification complète
Vérifiez tous les fichiers favicon du site, y compris les formats et tailles différents
Compatibilité
Vérifiez la compatibilité des favicons sur différentes plateformes et appareils
Conseils d'optimisation
Fournissez des conseils d'optimisation détaillés et des meilleures pratiques
Cet outil gratuit teste si un site web possède une configuration favicon complète. Il vérifie les fichiers favicon classiques, les Apple Touch Icons, le manifeste d'application web et les balises meta courantes, puis signale tout élément manquant ou mal configuré.
Il fonctionne pour n'importe quel site public : saisissez un domaine ou une URL et obtenez instantanément un rapport des fichiers favicon présents et de ceux qu'il reste à ajouter.
- Favicon manquant – ni favicon.ico ni PNG trouvé
- Taille incorrecte – les fichiers ne correspondent pas à la taille attendue par le navigateur
- URL cassées – fichiers favicon renvoyant 404 ou échouant au chargement
- Apple-touch-icon manquant – aucune icône pour l'écran d'accueil iOS
- Icônes PWA ou manifeste d'application web manquants
- Saisissez l'URL du site à tester.
- Cliquez sur Check et patientez quelques secondes.
- Examinez chaque section : Classic Favicon, Touch Icons, Web App Manifest et Meta Tags.
- Corrigez tout ce qui est marqué comme erreur, puis relancez le contrôle.
Le vérificateur confirme que vos fichiers et votre HTML sont corrects — mais chaque navigateur met les favicons en cache à sa manière. Suivez cette liste par navigateur pour confirmer que la nouvelle icône est réellement en ligne.
- Chrome et Edge : partagent le cache d'icônes Chromium. Ouvrez chrome://favicon/https://your-site.com dans la barre d'adresse pour inspecter l'icône en cache ; si elle est périmée, un rechargement forcé (Ctrl+Maj+R) ou une fenêtre Incognito force une nouvelle récupération.
- Firefox : le plus agressif en cache — il peut conserver un favicon pendant des jours. Contournez-le en ouvrant l'URL du favicon avec une query anti-cache (?v=2) dans une fenêtre privée, ou videz via Paramètres → Vie privée → Contenu web en cache.
- Safari (macOS) : n'affiche les favicons en onglets que depuis la version 14 et ignore les query ?v=. Testez dans une nouvelle fenêtre privée, ou effacez via le menu Safari → Effacer l'historique après revérification de la page.
- Écran d'accueil iOS : apple-touch-icon.png n'est récupérée qu'au moment de « Ajouter à l'écran d'accueil ». Supprimez l'ancien raccourci puis rajoutez-le — remplacer le fichier seul ne met jamais à jour une icône existante.
- Résultats Google Search : les favicons de recherche proviennent de la copie indexée, pas du cache navigateur. Après modification, demandez la réindexation de votre page d'accueil dans Google Search Console ; la propagation prend généralement quelques jours.
Formats classiques
favicon.ico
Format ICO traditionnel, compatible tous navigateurs
favicon.png
Format PNG moderne, supportant fond transparent
favicon.svg
Format vectoriel, supportant le mode sombre
Appareils mobiles
Apple Touch Icon
Icône pour l'écran d'accueil iOS
Android Chrome
Icône PWA pour Android
Web App Manifest
Fichier de configuration PWA
Exemple de configuration complète
<!-- Basic Favicon -->
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/favicon-48x48.png" sizes="48x48">
<!-- Apple Touch Icon -->
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<!-- Web App Manifest -->
<link rel="manifest" href="/site.webmanifest">
<!-- Android Chrome Icon -->
<link rel="icon" type="image/png" href="/android-chrome-192x192.png" sizes="192x192">
<link rel="icon" type="image/png" href="/android-chrome-512x512.png" sizes="512x512">
<!-- Meta Tags -->
<meta name="theme-color" content="#ffffff">
<meta name="application-name" content="Your App Name">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/mstile-144x144.png">Pourquoi avoir plusieurs formats de favicon ?
Les navigateurs et appareils diffèrent dans leurs formats et tailles. Fournir plusieurs formats assure un affichage correct partout.
L'ICO est-il encore nécessaire ?
Oui, l'ICO reste l'option la plus compatible, notamment pour les navigateurs plus anciens.
Qu'est-ce qu'un Web App Manifest ?
Un fichier JSON définissant la configuration d'une PWA (icônes, nom, couleur de thème, etc.).
Comment optimiser la vitesse de chargement du favicon ?
Utilisez des tailles de fichiers appropriées et évitez les icônes trop volumineuses. Les fichiers ICO doivent inclure plusieurs tailles et les fichiers PNG doivent être compressés/optimisés.