Tailles de favicon optimales en 2026 — ICO multi-taille + apple-touch-icon + SVG, le stack moderne
Tomoda HinataAuteur et mainteneur de l'outilPublié le 26 avr. 20264 min de lecture
Autrefois un favicon.ico 16×16 à la racine suffisait. Aujourd'hui le stack moderne attend ICO multi-taille (16/32/48), apple-touch-icon iOS, favicon SVG net à toutes tailles, et facultatif des icônes manifest pour PWA.
Outils utilisés dans ce guide
Tailles utilisées par les onglets modernes
Chrome/Edge 16/32, Firefox 16/32, Safari 16/32, barre Windows 48. ICO avec 16/32/48 suffit.
apple-touch-icon : non optionnel
iOS prend une vignette de la page sinon ; 180×180 est la cible native.
Favicon SVG — net + mode sombre gratuit
Firefox 41+/Chrome 80+/Safari 9+/Edge 80+. SVG avec `prefers-color-scheme` bascule selon l'OS.
PWA — icônes manifest
192/512 PNG via manifest.webmanifest.
Setup minimal moderne
head : SVG → ICO → apple-touch-icon → manifest (PWA).
Étapes
≈ 1 minPNG carré 512×512
Carré obligatoire.
ICO multi-taille
16/32/48 fusionnés.
apple-touch-icon
180×180 PNG, iOS arrondit.
Mettre à la racine
Linker dans head comme ci-dessus.
| Asset | Taille | Usage |
|---|---|---|
| favicon.ico (16+32+48) | 5–8 Ko | Onglets/favoris |
| favicon.svg | 1–4 Ko | Vectoriel + mode sombre |
| apple-touch-icon.png | 8–15 Ko | iOS Home |
| icon-192.png | 10–18 Ko | PWA Android |
| icon-512.png | 25–60 Ko | PWA splash |
Questions fréquentes
Faut-il encore un ICO avec SVG ?
Oui — anciens navigateurs et previews l'attendent.
Pourquoi 180×180 ?
Cible native iPhone.
Inclure 64 ?
Optionnel ; si IE < 0,1 %, sauter.
SVG mode sombre ?
`<style>` + `prefers-color-scheme` + classes.
ICO avec transparence ?
Oui en ICO moderne.
Fichiers envoyés ?
Non.
Essayer maintenant
Turn any image into a multi-size ICO file
ICO / Favicon MakerCet article contient une traduction assistée par IA. Signalez toute erreur.