Vérificateur de favoris
Vérifiez l'implémentation de votre favicon pour en vérifier l'exhaustivité et la compatibilité multiplateforme. Validez ICO, PNG, SVG, l'icône Apple Touch, le manifeste de l'application Web, l'icône du masque Safari, les vignettes Microsoft, la couleur du thème et les tailles recommandées. Obtenez un rapport de notation instantané avec des recommandations exploitables, le tout traité en toute sécurité dans votre navigateur.
Paste your HTML source code below to check your favicon setup for completeness, cross-browser compatibility, mobile support, and best practices. All processing runs locally in your browser.
Pourquoi utiliser notre vérificateur de favicon ?
- Suggestions de correctifs exploitables : chaque problème détecté comprend une explication claire et des suggestions de correctifs pratiques. Appliquez les changements en toute confiance en sachant exactement ce qui doit être amélioré et pourquoi.
- 100 % privé et gratuit : toutes les analyses s'effectuent localement dans votre navigateur. Aucune donnée n'est téléchargée sur un serveur, aucune inscription n'est requise et aucune limite d'utilisation. Utilisez-le aussi souvent que vous en avez besoin - entièrement gratuitement.
Cas d'utilisation courants du vérificateur de favicon
- Onglet du navigateur et icônes de signets : vérifiez que votre site affiche la bonne icône dans les onglets et les signets du navigateur. Vérifiez les formats de favicon ICO, PNG et SVG pour garantir la compatibilité entre navigateurs, de Chrome à Firefox en passant par Edge.
- Icônes de l'écran d'accueil mobile : assurez-vous que votre icône Apple Touch (180 × 180) et vos icônes Android (192 × 192, 512 × 512) sont correctement définies afin que votre site ait un aspect professionnel lorsque les utilisateurs l'ajoutent à leur écran d'accueil sur les appareils iOS et Android.
- Manifeste de PWA et d'application Web : vérifiez que votre manifeste d'application Web est lié et contient les tailles d'icône requises (192 × 192, 512 × 512) pour les invites d'installation et les écrans de démarrage de Progressive Web App.
- Onglet épinglé Safari : recherchez la balise d'icône de masque utilisée par les onglets épinglés Safari. Assurez-vous que votre icône SVG monochrome et la couleur de votre marque sont correctement configurées pour une expérience de navigation macOS raffinée.
- Contrôle qualité du lancement du site Web : effectuez une vérification complète des favicon avant de lancer un nouveau site Web. Vérifiez que toutes les tailles d'icônes, formats et balises spécifiques à la plate-forme sont en place pour éviter les icônes manquantes et les requêtes 404 pour /favicon.ico.
- Développement et tests CMS : intégrez la vérification des favicon dans votre flux de travail de développement. Validez les modèles CMS et les générateurs de sites statiques produisent des balises de lien favicon correctes sur toutes les pages et tous les thèmes.
Qu'est-ce que l'analyse des favicons ?
L'analyse des favicons examine les déclarations de favicon, les balises de lien et les références d'icônes dans les documents HTML pour identifier les problèmes, améliorer la qualité et garantir les meilleures pratiques. Cet outil fournit une évaluation complète qui vous aide à comprendre l’état actuel et ce qui doit être amélioré.
Comment fonctionne notre analyseur
- Saisissez votre contenu : téléchargez un fichier, collez du contenu ou saisissez l'URL que vous souhaitez analyser. L'outil accepte une large gamme de formats d'entrée pour une flexibilité maximale.
- Analyse complète : l'analyseur traite vos entrées par rapport à une liste de contrôle détaillée de règles, de bonnes pratiques et de mesures de qualité. Chaque contrôle est évalué indépendamment pour des résultats précis.
- Examiner et appliquer les correctifs : parcourez les résultats d'analyse organisés par catégorie. Chaque résultat comprend une explication claire et des suggestions de solutions pratiques que vous pouvez appliquer directement.
Cas d'utilisation courants des favicons
vérifier la configuration des favicon sur les nouveaux sites Web, auditer la couverture des icônes sur tous les appareils (ordinateur de bureau, mobile, PWA), vérifier la mise en œuvre des icônes Apple Touch, valider les références des icônes du manifeste de l'application Web, déboguer les icônes d'onglets de navigateur manquantes et garantir une image de marque cohérente dans les signets et les écrans d'accueil. L'outil est conçu pour les développeurs, les ingénieurs QA et les membres de l'équipe technique qui ont besoin d'icônes d'onglets de navigateur, de visuels de signets, d'icônes d'écran d'accueil mobile et d'apparence d'installation PWA.
Confidentialité, sécurité et disponibilité
Toutes les analyses s'effectuent entièrement dans votre navigateur à l'aide d'un traitement côté client. Aucune donnée n'est jamais téléchargée sur un serveur - chaque octet reste sur votre appareil. Il n'y a aucune limite de taille de fichier, aucune exigence d'inscription et aucun plafond d'utilisation. L’utilisation de l’outil est 100 % gratuite, sans fonctionnalités premium cachées.
Foire aux questions
Un vérificateur de favicon est un outil qui analyse la source HTML d'une page Web pour évaluer l'exhaustivité et l'exactitude de sa mise en œuvre de favicon. Il vérifie les balises d'icônes standard, l'icône Apple Touch, le manifeste d'application Web, les favicons SVG, les images de vignettes Microsoft, la couleur du thème, les tailles multiples et bien plus encore, le tout dans votre navigateur.
Une configuration complète de favicon utilise ICO pour la compatibilité des navigateurs existants, PNG pour des tailles spécifiques (16 × 16, 32 × 32, 192 × 192, 512 × 512), SVG pour les icônes évolutives indépendantes de la résolution et un Apple Touch Icon PNG 180 × 180 pour iOS. Les favicons SVG peuvent également s'adapter au mode sombre en utilisant le schéma de couleurs préféré CSS.
Tailles recommandées : 16 × 16 (onglet du navigateur), 32 × 32 (onglet du navigateur haute DPI), 48 × 48 (raccourci du site Windows), 180 × 180 (icône Apple Touch), 192 × 192 (écran d'accueil Android / PWA) et 512 × 512 (écran de démarrage PWA). Un fichier favicon.ico contient traditionnellement des variantes 16×16 et 32×32.
Absolument! Toutes les analyses s'exécutent directement dans votre navigateur à l'aide de JavaScript. Aucun contenu HTML n'est téléchargé sur un serveur. Vos données ne quittent jamais votre appareil, ce qui en fait le moyen le plus sûr de vérifier la mise en œuvre de votre favicon.
Une icône Apple Touch est utilisée par iOS lorsqu'un utilisateur ajoute votre site Web à son écran d'accueil via « Ajouter à l'écran d'accueil ». La taille recommandée est de 180×180px. Sans cela, iOS utilise une capture d'écran de votre page, qui ne semble généralement pas professionnelle.
Oui, si vous souhaitez que votre site prenne en charge « Ajouter à l'écran d'accueil » sur Android, les invites d'installation PWA et les écrans de démarrage. Le manifeste doit inclure des icônes de 192 × 192 et 512 × 512 pixels. Liez-le avec <link rel="manifest" href="/site.webmanifest">.
Dans la plupart des navigateurs, cliquez avec le bouton droit sur n'importe quelle page et sélectionnez « Afficher la source de la page » (ou appuyez sur Ctrl+U sous Windows/Linux, Cmd+Option+U sous Mac). Copiez l'intégralité de la source HTML et collez-la dans la zone de saisie du vérificateur.
Oui, notre vérificateur de favicon est 100 % gratuit, sans coûts cachés, conditions d'inscription, niveaux premium ou limites d'utilisation. Vérifiez vos favicons un nombre illimité de fois pour tout projet - personnel, commercial ou d'entreprise - entièrement gratuit.