Mettre de l’ordre dans les favicons pour 2021

• De très nombreux fichiers sont nécessaires selon les spécifications des navigateurs, et l’idée ici est de regrouper tout cela en un seul ensemble

• 5 images et un fichier JSON

→ .ico 32x32 : pour les anciens navigateurs

→ .svg : redimensionnable, pris en charge par la plupart des navigateurs modernes, avec prise en charge du mode sombre

→ apple-touch-icon 180x180 : pour les appareils Apple ; depuis iOS 8+, la taille est de 180x180. C’est plus esthétique avec environ 20 px de marge intérieure et une couleur de fond

→ manifest (JSON) : pour les PWA et les appareils Android

→ 192x192 : écran d’accueil

→ 512x512 : pour l’écran de démarrage au chargement de la PWA

• L’article explique étape par étape comment créer et optimiser ces 5 icônes à partir d’un seul SVG