Un peu de légèreté intellectuelle ne fait pas de mal. Aujourd’hui ce n’est pas un article sur le “pourquoi-du-comment-du-clic” ou “l’ergo-utilo-pertino-optimo-web-page” que je vous propose mais simplement de vous parler des favicons. Pourquoi ? Parce que je trouve le terme sémantiquement rigolo et surtout parce que je me suis longtemps demandée comment s’appelait la petite image qui était dans ma barre d’adresse et au niveau de mes signets ou de mes onglets. Cet article est donc une affectueuse dédicace… bref un moyen de rendre hommage à cette petite image. Voilà… c’est aussi simple que ça.
Pourquoi “FAVICON” ? Qu’est-ce que c’est exactement ?
Le mot “favicon” est né de la contraction de 2 mots”favorite” et “icon”. On peut dire le “favicon” ou la “favicon”, le genre de ce mot n’est pas clairement défini.
Ce terme est issu de l’environnement du navigateur Internet Explorer de Microsoft. Dans ce navigateur, il fallait placé à la racine du site le fichier /favicon.ico. Ce nommage a été repris par les autres navigateurs sans pour autant avoir été officiellement normalisé.
Le favicon (vous pourrez constaté que j’ai opté pour le genre masculin) peut être défini comme un élément de personnalisation de votre site Web, une icône enjolivant votre site Internet. Il remonte à différents endroits parmi lesquels on compte : la barre d’adresse ou la liste des favoris (marques pages).
Mais à quoi ça sert ? C’est un peu “gadget” non ?
On pourrait le voir comme un gadget inutile mais non. C’est un très bon repère pour les internautes. Les favicons perettent de repérer en quelques secondes le site recherché au milieu de nombreux onglets ou dans de longues listes de favoris.
C’est donc un réel avantage pour être facilement vu et retrouvé et c’est un apport de confort pour les internautes. Au fil des articles, vous devez commencer à savoir que l’un de mes soucis principaux lors de la création de pages Web ou de sites Internet est le respect de l’utilisateur. Cela passe par la mise en place de fonctionnalités ergonomiques, d’un contenu clair et un vrai confort de navigation. Alors voilà, le petit carré qu’est le favicon s’inscrit dans cette démarche.
Quelques exemples de favicon
- Favicon de la fnac.com
- Favicon de paperblog
- Favicon de google.com (le nouveau bien sûr !)
- et le dernier… notre favicon
Favicon : les contraintes & conventions
- Votre favicon doit impérativement être en 256 couleurs
- Il doit avoir un format de 32×32 pixels ou 16×16 pixels
- L’image doit être enregistrée de préférence au format .png ou .gif
- Une fois que vous aurez crée l’image que vous souhaitez affichée, vous devrez impérativement nommer votre fichier favicon.ico
Il semblerait qu’il ne soit pas nécessaire de nommer impérativement le fichier favicon.ico.
Selon la syntaxe utilisé dans l’entête de page (avec prise en compte des différents navigateurs…), on peut nommer le fichier comme bon nous semble et même utiliser un autre type de fichier que ‘.ico’ (’gif’, ‘png’, …).
Cordialement.