Comment tester et vérifier votre favicon (vérificateur gratuit)
Sur Chrome, Safari, Firefox, iOS et Android, de façon automatisée et à la main.
La méthode rapide : l'analyse automatisée
Collez votre URL dans un vérificateur de favicon et il récupère la page en direct, analyse le <head>, liste chaque balise d'icône et signale ce qui manque ou est cassé sur les surfaces desktop, Apple, Android et manifest. C'est la seule vérification qui couvre tout d'un coup.
L'ordre dans lequel vérifier
- 1
Lancez une analyse automatisée
Analysez votre URL en direct pour lister chaque balise de favicon et signaler les icônes manquantes ou cassées.
- 2
Vérifiez l'onglet du navigateur
Faites un hard refresh et confirmez que l'icône s'affiche avec netteté dans l'onglet des navigateurs de bureau.
- 3
Vérifiez les favoris et la barre d'adresse
Ajoutez la page aux favoris pour confirmer que l'icône 16x16 reste lisible dans les contextes compacts.
- 4
Vérifiez les écrans d'accueil iOS et Android
Utilisez « Ajouter à l'écran d'accueil » sur iOS et installez la PWA sur Android pour vérifier l'apple-touch-icon et les icônes du manifest.
- 5
Vérifiez le favicon dans les résultats de recherche
Confirmez que l'icône affichée par Google à côté de votre résultat est bien l'actuelle.
La checklist manuelle
| Surface | Que faire |
|---|---|
| Onglet du navigateur | Faites un hard refresh (Cmd+Maj+R / Ctrl+F5) dans Chrome, Safari et Firefox. L'icône doit être nette, ni floue ni pixelisée, en 16-32px. |
| Favoris et barre d'adresse | Ajoutez la page aux favoris. Cela expose l'icône 16x16 dans son contexte le plus serré. Si elle est illisible ici, simplifiez le visuel. |
| iOS : Ajouter à l'écran d'accueil | Dans Safari, partager → Ajouter à l'écran d'accueil. iOS utilise l'apple-touch-icon, pas le favicon.ico, ce qui attrape toute une catégorie de balises manquantes. |
| Installation Android / PWA | Sur Chrome Android, installez l'app. Les icônes de l'écran d'accueil et du splash viennent de manifest.json, ce qui vérifie que les icônes de votre manifest se résolvent. |
| Résultat de recherche Google | Recherchez votre marque et confirmez que le favicon à côté de votre résultat est l'actuel. Google a besoin d'au moins une icône 48x48 et la met à jour au recrawl. |
Les tailles que chaque vérification met à l'épreuve
À quoi ressemble une couverture complète
Un jeu de favicons complet couvre les onglets du navigateur, les favoris, la recherche, iOS, Android, les tuiles Windows et le manifest de la PWA. Si votre analyse révèle des lacunes, c'est de l'identité visuelle qui manque. Lisez pourquoi la couverture de favicon compte, et consultez la référence complète des tailles de favicon.
Questions fréquentes
Comment vérifier si mon favicon fonctionne ?
Lancez une analyse automatisée de favicon sur votre URL en direct pour confirmer que chaque balise se résout, puis vérifiez manuellement l'icône dans un onglet de navigateur, un favori, sur un écran d'accueil iOS et dans une PWA installée.
Comment prévisualiser un favicon avant sa mise en ligne ?
La plupart des générateurs affichent un aperçu d'onglet en direct pendant que vous concevez. Pour valider les vrais fichiers, ouvrez chaque URL d'icône directement et confirmez que la taille et le format correspondent à ce que vos balises link référencent.
Pourquoi mon favicon est-il différent dans la recherche Google et dans le navigateur ?
Google met en cache le favicon issu de son dernier crawl et exige au moins une icône 48x48. Le navigateur affiche votre fichier actuel immédiatement, tandis que la recherche ne se met à jour qu'après un nouveau crawl par Google.