Un favicon est une petite icône qui permet de personnaliser un site Internet en lui associant une image qui apparaît dans la barre d’adresses des navigateurs Web. On retrouve aussi cette icône dans la barre de titres des onglets, quand épingle un onglet ou quand on décide de conserver un site Internet dans ses favoris où le gestionnaire des favoris du navigateur va alors l’afficher convenablement. Cette icône personnalisée identifie visuellement un site Web ou un blog. En effet, il n’est rien de plus disgracieux et impersonnel que de présenter des pages Web sans favicon, car dans ce cas c’est une icône générique (une icône représentant une page blanche) qui est affichée. Chaque site Internet (voire chaque page d’un site) peut disposer de son propre favicon. Le mot est en fait la contraction des termes anglais favorites et icon. Il n’y pas d’équivalent du mot en français.
La taille de cette icône est le plus souvent de 16 x 16 ou 32 x 32 pixels. Le format de fichier graphique utilisé est historiquement .ico (le format d’icônes de Windows), mais rien n’interdit aujourd’hui d’afficher des icônes aux formats PNG ou GIF (animé ou pas) et de nommer le fichier de Favicon autrement que favicon.ico. L’usage fait que ce fichier est placé à la racine du site Web. Les navigateurs Web, dans leurs versions les plus récentes, sont à même de détecter automatiquement la présence de ce fichier à la racine du site.
La liste ci-dessous comprend une compilation d’outils en ligne pour générer un fichier de favicon à partir d’une image d’une taille beaucoup plus importante.

outil-creation-favicon

  • Favicon Generator : À partir d’une image quelconque, les différents formats de favicons sont générés dans une archive compressée (ico, fichiers PNG d’une taille de 16 x 16 à 256 x 256). Les sources de l’application sont disponibles sur Github.
  • Faviconr : Un générateur de favicon à partir d’une image. Des explications sont données sur comment intégrer un favicon sur un site Web.
  • Convert Ico : Une application complète en ligne.
  • Favicon.cc : Outil complet de création de favicon depuis zéro ou en important une image pour la convertir. L’application prend en charge la création d’icônes statiques ou animées. De nombreux exemples sont réutilisables. Les codes d’intégration du favicon sont fournis accompagnés d’explications pour les copier sur un site Web.
  • Real Favicon Generator : Une application en ligne prenant en compte tous les formats d’icônes. L’outil comprend aussi un vérificateur de favicon pour tester depuis l’URL d’un site Web leur affichage tel qu’il apparaît sur diverses plateformes (PC, Mac, iPhone, iPad, Android, tuile pour Windows 8…). Tous les fichiers sont téléchargeables dans une archive zip.

Les applications pour créer des favicons sont innombrables. Je n’en cite que quelques-unes, celles qui m’ont semblé les plus remarquables, mais cette compilation évoluera en fonction de mes découvertes.

Boutons de partage :
Twitter Facebook Google Plus Linkedin email
Article rédigé par Eric Weyland