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
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.