Guides du favicon
Des réponses concrètes aux questions qu'on se pose au moment de créer un favicon : quelles tailles, quels formats, quel code coller.
Tailles de favicon : le guide complet
Chercher « taille favicon » renvoie encore des listes de quinze fichiers héritées de 2014. En pratique, six dimensions suffisent aujourd'hui pour couvrir les onglets, les résultats de recherche, iOS, Android et les PWA. Voici lesquelles, et pourquoi.
Lire le guideConvertir un PNG en ICO, gratuitement
Le .ico reste le format attendu à la racine d'un site, et la plupart des convertisseurs en ligne demandent d'envoyer votre image sur leur serveur. Voici comment obtenir un favicon.ico multi-tailles correct à partir d'un PNG, sans rien téléverser.
Lire le guideapple-touch-icon : taille, format et code
L'icône Apple Touch est celle qui apparaît quand un visiteur ajoute votre site à l'écran d'accueil de son iPhone. iOS ignore le manifeste web pour ce cas précis, et applique ses propres règles. Elles tiennent en trois points.
Lire le guideFavicon en mode sombre avec un SVG
Un logo noir sur fond transparent est parfait sur un onglet clair, et invisible sur un onglet sombre. Le format ICO ne sait pas s'adapter, mais le favicon SVG le peut : il embarque une règle CSS qui change les couleurs selon le thème du navigateur.
Lire le guide