Meilleures tailles de favicon pour les sites web
On trouve des dizaines de recommandations en ligne. Voici le jeu minimal qui couvre réellement 100 % des utilisateurs.
Vérifiez les favicons de n'importe quel site
Installez l'extension Chrome FetchFavicon pour extraire, prévisualiser et valider les favicons instantanément.
Ce que les navigateurs demandent
Les navigateurs desktop demandent 16×16 (onglet), 32×32 (barre de favoris) et 48×48 (résultats de recherche). Les trois tiennent confortablement dans un seul fichier .ico.
Ce que les systèmes d'exploitation demandent
Le menu Démarrer Windows et l'Explorateur de fichiers peuvent demander jusqu'à 256×256. macOS préfère un .icns mais accepte le .ico. Regroupez 16, 32, 48, 64, 128 et 256 dans votre .ico pour tout couvrir.
Ce que les PWA et le mobile demandent
Ajoutez un apple-touch-icon de 180×180 et des PNG 192×192 + 512×512 (web manifest) pour des installations propres sur l'écran d'accueil.
Le jeu minimum viable
Un favicon.ico multi-tailles + apple-touch-icon.png (180×180) + un PNG 512×512 dans votre manifest. C'est tout.
FAQ
What is the best favicon size for websites?
Ship a multi-size favicon.ico with 16, 32, 48, 64, 128, and 256 pixels. Add 180×180 for Apple and 192/512 PNGs for PWAs.
What favicon size do browsers use in tabs?
Desktop browsers typically request 16×16 for tabs, 32×32 for bookmark bars, and 48×48 for some search results.
What is the minimum favicon setup?
A multi-size favicon.ico plus apple-touch-icon.png (180×180) and a 512×512 PNG in your web manifest.
Do I need a 256×256 favicon?
Yes for Windows shortcuts and high-DPI surfaces. Bundle it inside your .ico file.