Le retour du favicon

Tout ce qu'il faut savoir sur le favicon en 2016 !

J'avais déjà écrit un article sur le favicon (en 2010) mais les choses ont bien changé depuis !

Les Nouveaux favicons

Vous pouvez toujours utiliser un fichier favicon.ico associé à votre site, cependant maintenant avec les appareils mobiles les choses ont un peu changé : en effet, il faut ajouter des images supplémentaires pour les appareils iOs, et Android mais aussi des fichiers de configuration.

Et encore d'autres images pour certains systèmes d'exploitation/browser : Safari et Windows avec l'interface Métro (à partir de Windows 8).

A l'arrivée, si on produit tous les éléments, il faut créer 41 fichiers plus les instructions à ajouter dans le <header> (10 lignes) de vos fichiers HTML. C'est donc assez compliqué ! !

Des informations sur le favicon

Pour plus d'explications, vous pouvez lire, en Anglais, la favicon cheat sheet d'Audrey et l'article de Mathias BYNENS.

Créer un favicon

Comme tout ceci est très compliqué, le seul moyen que j'ai trouvé (mais je n'ai pas beaucoup chercher) de tout générer comme il faut est d'utiliser le site realfavicongenerator.net !

Il y a d'autres logiciels et sites mais à priori c'est le seul qui génère tout ce qu'il faut, comme ils expliquent, en Anglais, sur la page favicon pourquoi vous le faites mal et la faq.

Bonne génération de favicon !