Meilleure taille de favicon en 2026

Les onglets du navigateur sur les écrans à densité standard utilisent 16 × 16 pixels. Il s’agit de la plus petite taille de favicon et de la plus fréquemment vue par les utilisateurs : elle se trouve à tout moment dans le petit onglet au-dessus du contenu de la page. Une icône 16×16 qui reste lisible nécessite des formes audacieuses, un contraste élevé et aucun détail fin. Les lignes fines, les petits textes et les logos complexes deviennent des taches illisibles à cette taille.

La taille de 32 × 32 pixels est la dimension de favicon la plus importante pour les navigateurs modernes. Il est utilisé pour l'onglet du navigateur sur les écrans Retina/HiDPI (rendu à une densité 2x à partir d'une taille logique de 16 px), pour la barre de favoris et pour les icônes de suggestion de la barre d'adresse. Chrome demande 32 × 32 de la manière la plus agressive et la recherche Google utilise au moins une icône 32 × 32 pour ses favicons de résultats de recherche.

La taille de 48 × 48 pixels sert Windows Explorer dans la vue « icônes moyennes » et est utilisée par certains moteurs de recherche pour les vignettes des résultats. La recommandation officielle de Google pour l'éligibilité des favicon de recherche est un minimum de 48 × 48 pixels, un format d'image carré et une accessibilité publique via HTTP. Regroupez toujours 48 × 48 dans votre fichier .ico multi-tailles pour répondre à cette exigence.

La taille de 64 × 64 pixels est utile dans Windows Explorer pour l'affichage des grandes icônes et pour certains environnements de lancement d'applications. L'inclure dans votre fichier .ico ajoute une taille de fichier minimale et garantit une couverture pour toute surface nécessitant des tailles comprises entre 48 et 128 pixels. La plupart des générateurs .ico multi-tailles en incluent 64 par défaut.

Les tailles de pixels 128 × 128 et 256 × 256 sont utilisées dans les fichiers .ico pour les vignettes du menu Démarrer Windows et les raccourcis haute résolution. À 256 × 256, vous devez utiliser la compression PNG à l'intérieur du .ico plutôt que l'encodage BMP - une entrée BMP 256 × 256 non compressée ajoute à elle seule environ 256 Ko au fichier .ico, tandis qu'une compression PNG la réduit à moins de 30 Ko.

La taille de 180 × 180 pixels est la dimension apple-touch-icon utilisée par iOS. Lorsqu'un utilisateur appuie sur « Ajouter à l'écran d'accueil » sur Safari, iOS récupère `<link rel='apple-touch-icon' size='180x180' href='/apple-touch-icon.png'>` et utilise cette image comme icône de l'écran d'accueil. Sans cela, iOS revient à une capture d'écran de mauvaise qualité de votre page. Il s’agit de la taille la plus prioritaire pour les sites destinés aux mobiles.

La taille de 192 × 192 pixels est requise dans le manifeste de l'application Web (site.webmanifest) pour l'invite d'installation PWA de Android Chrome. Lorsqu'un utilisateur ajoute votre site à son écran d'accueil Android, Chrome lit le manifeste et utilise l'icône 192 × 192 pour le lanceur d'applications et la nuance de notification. L'icône doit être carrée, au format PNG, et accessible à son URL déclarée.

La taille de 512 × 512 pixels est l'autre icône de manifeste requise, utilisée pour l'écran de démarrage PWA qui apparaît pendant le chargement de l'application après un lancement sur l'écran d'accueil, et pour l'aperçu de l'installation du système d'exploitation Chrome. Il s'agit également de la taille d'image source recommandée lors de la génération de toutes les autres tailles : à partir de 512 × 512, chaque variante sous-échantillonnée conserve des bords nets.

La configuration minimale viable d'un favicon qui couvre pratiquement tous les utilisateurs est la suivante : un favicon.ico multi-tailles contenant des images de 16, 32, 48 et 64 pixels, plus un apple-touch-icon.png de 180 × 180, plus un site.webmanifest avec des entrées de 192 × 192 et 512 × 512 PNG. Cette combinaison gère les navigateurs standards, les signets, les installations de l'écran d'accueil iOS et les installations Android PWA.

L'ajout d'un favicon SVG aux côtés des ensembles .ico et PNG pérennise votre icône. SVG effectue des rendus à n'importe quelle densité (un seul fichier sert aux moniteurs 96 dpi, aux écrans 4K et à tout ce qui se trouve entre les deux) et peut changer de couleur en fonction des préférences de jeu de couleurs de l'utilisateur. Chrome, Edge, Firefox et Safari 15+ prennent tous en charge les favicons SVG à partir de 2026, ce qui en fait un ajout sûr.

Les erreurs courantes dans le dimensionnement des favicon incluent : utiliser uniquement un PNG 32 × 32 sans .ico (cassé sur les navigateurs existants et les raccourcis Windows), ignorer le 180 apple-touch-icon (cassé sur les installations iOS) et omettre 512 × 512 du manifeste (l'invite d'installation Android affiche une icône générique). Le favicon generator génère automatiquement l'ensemble complet à partir d'une image source, éliminant ainsi toutes ces lacunes.

L’impact SEO des tailles de favicon est indirect mais réel. La recherche Google affiche des favicons à côté des résultats de recherche et applique une taille minimale de 48 × 48 pixels. Les sites sans favicon correctement dimensionné et accessible au public peuvent voir une icône de globe générique dans les résultats de recherche au lieu de leur marque – une différence de signal de confiance petite mais notable pour les clics de recherche organiques.

Pour que les icônes soient complètes au niveau PWA, ajoutez des icônes masquables à votre manifeste Web. Une icône masquable a un remplissage de zone de sécurité d'environ 10 % sur tous les côtés, garantissant que lorsque Android applique un masque circulaire ou en forme de cercle à l'icône, le logo principal n'est jamais tronqué. Générez une version masquable distincte à l'aide de l'option d'exportation masquable du générateur et déclarez-la avec `'purpose': 'maskable'` dans le tableau des icônes du manifeste.

Lorsque vous choisissez une image source pour la génération de favicon, donnez la priorité à SVG plutôt qu'à PNG et à PNG plutôt qu'à JPG. SVG produit la sortie la plus nette quelle que soit la taille. PNG-32 (avec alpha) préserve la transparence. JPG ne prend pas en charge la transparence et introduit des artefacts de compression qui apparaissent en petite taille. Consultez le guide best favicon format pour la comparaison complète des formats.