Guide des Tailles de Favicon : Référence Complète des Dimensions (2026)

Confus au sujet des tailles de favicon dont vous avez besoin ? Ce guide complet couvre toutes les dimensions standard de favicon pour les navigateurs, appareils mobiles et plateformes.

En bref : les 6 tailles indispensables

Pour un affichage stable sur Chrome, Safari, Edge, iOS, Android et Windows, prévoyez au minimum 16×16, 32×32, 48×48, 180×180, 192×192 et 512×512. Cela couvre la grande majorité des cas.

• 16×16 : onglet du navigateur.
• 32×32 : onglets et favoris en haute résolution.
• 48×48 : Windows et raccourcis.
• 180×180 : Apple Touch Icon (iPhone/iPad).
• 192×192 : écran d’accueil Android.
• 512×512 : PWA et stores d’applications.

Stratégie recommandée par plateforme

Le problème vient souvent des balises link incohérentes plutôt que des tailles manquantes. Assurez-vous que les fichiers et les références HTML sont alignés.

1. Fournir d’abord favicon.ico (16 et 32).
2. Puis les PNG : 32×32 et 192×192.
3. Pour Apple : apple-touch-icon 180×180.
4. Pour une PWA : compléter manifest.json avec 192 et 512.

Référence des tailles courantes

• /favicon.ico (16 et 32)
• /favicon-16x16.png, /favicon-32x32.png
• /apple-touch-icon.png (180×180)
• /android-chrome-192x192.png, /android-chrome-512x512.png

Bonne intégration dans le HTML

<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">

WordPress, Shopify, Astro

Sous WordPress le favicon se configure souvent dans « Identité du site », sous Shopify dans les réglages du thème, avec Astro/Next.js via les fichiers dans public/ et les balises link. Vérifiez que le thème n’ajoute pas des balises icon en double.

Problèmes fréquents et solutions

1. L’icône ne se met pas à jour : rechargement forcé et vidage du cache navigateur / CDN.
2. Pas d’affichage sur mobile : vérifier 180×180 et les icônes du manifest.
3. Flou : image source au moins 512×512, carrée.
4. Couleurs incorrectes : privilégier le PNG, vérifier la compression ICO.
5. Moteurs de recherche : la mise à jour peut prendre plusieurs jours ou semaines.

Check-list avant mise en ligne

• ICO, PNG, Apple Touch et icônes PWA si besoin sont en place.
• Aucune 404 sur les link, chemins exacts.
• Test sur desktop et mobile.
• Cache vidé après modification.