Tailles favicon · Navigateur · Apple · Android · PWA · 2026
Toutes les Tailles de Favicon
Mis à jour : mai 2026
Un jeu de favicons complet couvre les onglets de navigateur, les appareils Apple, les écrans d'accueil Android et les écrans de démarrage PWA. Ce guide liste chaque taille standard, son utilisation et celles dont vous avez vraiment besoin en 2026.
Une image → toutes les tailles + favicon.ico + manifest · Gratuit · Sans upload
Les tailles essentielles (2026)
Pour la plupart des sites et apps web, ces 5 fichiers suffisent :
| Fichier | Taille | Utilisé pour |
|---|---|---|
favicon.ico | 16+32+48 px | Onglets navigateur, favoris, barre des tâches Windows |
favicon-32x32.png | 32×32 | Onglet standard, retina |
favicon-16x16.png | 16×16 | Petits onglets navigateur |
apple-touch-icon.png | 180×180 | iPhone, iPad écran d'accueil |
icon-192x192.png | 192×192 | Chrome Android, icône PWA |
icon-512x512.png | 512×512 | Écran de démarrage PWA, icône maskable |
site.webmanifest | — | Manifest PWA, référence les icônes 192 et 512 |
Référence complète des tailles
| Taille | Plateforme | Notes |
|---|---|---|
| 16×16 | Tous les navigateurs | Favicon d'onglet standard |
| 32×32 | Tous les navigateurs | Favicon retina essentiel |
| 48×48 | Windows | Raccourci bureau, site épinglé |
| 57×57 | iOS (legacy) | iPhone non-retina (iOS 6 et antérieur) |
| 60×60 | iOS (legacy) | iPhone non-retina (iOS 7) |
| 72×72 | iOS (legacy) | iPad non-retina (iOS 6) |
| 76×76 | iOS (legacy) | iPad non-retina (iOS 7) |
| 96×96 | Google TV / Android | Ancien Android Chrome |
| 114×114 | iOS (legacy) | iPhone retina (iOS 6) |
| 120×120 | iOS | iPhone retina (iOS 7+) |
| 144×144 | iOS / Windows | iPad retina (iOS 6), IE10 épinglé |
| 152×152 | iOS | iPad retina (iOS 7+) |
| 180×180 | iOS | iPhone 6 Plus, Apple moderne essentiel |
| 192×192 | Android / PWA | Chrome Android, icône PWA essentiel |
| 256×256 | Windows | Tuile app Windows 10/11 |
| 512×512 | PWA | Écran de démarrage, maskable essentiel |
Quelles tailles sont vraiment nécessaires en 2026 ?
Les tailles iOS legacy (57, 60, 72, 76, 114, 120, 144, 152) ciblent des appareils sous iOS 6 ou 7. En 2026, ceux-ci représentent une fraction négligeable du trafic. La plupart des équipes génèrent uniquement le set essentiel (16, 32, 180, 192, 512) et ajoutent 48 pour la compatibilité Windows.
Pour une PWA, les tailles 192 et 512 sont requises par la spécification Web App Manifest. L'icône 512 px doit être maskable — c'est-à-dire avec suffisamment de marge autour du graphique principal pour être recadrée en cercle ou squircle par l'OS.
Questions fréquentes
Quelles sont toutes les tailles de favicon nécessaires ?
Le set essentiel : 16×16 et 32×32 (onglets navigateur), 180×180 (Apple), 192×192 et 512×512 (Android/PWA), plus un favicon.ico multi-taille. Pour une compatibilité maximale ajoutez 48×48 (Windows), le set Apple legacy complet et 256×256.
Quelle taille de favicon faut-il vraiment en 2026 ?
Le minimum pratique est : favicon.ico (16+32+48 intégrés), favicon-32x32.png, favicon-16x16.png, apple-touch-icon-180x180.png, icon-192x192.png, icon-512x512.png, site.webmanifest. Cela couvre tous les navigateurs et plateformes modernes.
Quelle est la taille d'un favicon.ico ?
Un favicon.ico embarque typiquement des images PNG à 16, 32 et 48 px. Les ICO modernes utilisent la compression PNG en interne, ce qui les rend plus nets et plus petits que les anciens formats BMP.
Faut-il différents favicons pour le mode sombre ?
Vous pouvez servir un favicon SVG différent pour le mode sombre avec une requête media @media (prefers-color-scheme: dark) dans le style du SVG. La plupart des navigateurs modernes supportent les favicons SVG et respecteront ce comportement.