Auparavant, un simple fichier .ico en 16x16 suffisait pour servir de favicon. Maintenant, avec l'importance des mobiles et d'autres périphériques, le favicon doit être remis au goût du jour. RealFaviconGenerator va vous permettre de générer tous les fichiers nécessaires pour que votre favicon soit parfaitement compris par tout ce beau monde !

D'autres outils du même genre que RealFavico Generator existent, mais celui-ci a le mérite de bien fonctionner et de disposer de beaucoup d'options paramétrables !

Pour que votre favicon soit compris de tous les périphériques (Android, iOS, interface Metreo, ...), vous allez devoir importer votre image sur le site.

Une fois importé, votre favicon va être mis en situation pour iOS, Android et Metro UI. Pour chaque interface, vous pourrez agir sur plusieurs paramètres : couleur du fond, marge intérieure, nom de l'application, ...

Vous avez terminé et vous souhaitez placer votre super favicon dans le code source de votre site ? Cliquez sur le bouton "Generate your Favicons and HTML code" en bas de la page.

Votre package est généré et vous avez le code HTML disponible tout de suite.

RealFaviconGenerator vous fourni même le code en Jade ou bien en Grunt !

Libre à vous d'insérer toutes les balises <link> ou de faire le tri. Pour Android, le fichier manifest.json est créé ainsi que le browserconfig.xml pour Microsoft.

Une fois le code inséré dans votre code source, contemplez votre nouveau favicon :)

Pour les utilisateurs de Wordpress, un plugin existe : Favicon by RealFaviconGenerator.

RealFaviconGenerator propose également un checker de favicon. Rendez-vous ici et renseignez l'URL de votre site pour tester la présence des favicons. Vous aurez un rapport complet avec des pistes d'améliorations.