Lunaweb, une réflexion sur la création web et le marketing Internet

Le favicon, créer un icône pour les navigateurs web

Par le
No Gravatar

Créer un bon favicon, l’icône de favori pour les navigateurs WebSi l’on revient sur le sens du mot favicon, on citera Wikipedia qui précise que :

Une favicon est une icône mise à disposition par un site Web pour enjoliver, en particulier dans les navigateurs Web, les endroits où ce site est mentionné. Cette icône pourra être utilisée dans la barre d’adresses ou de titre, les favoris (le terme est d’ailleurs un mot-valise né de la contraction de « favorites » et « icon »), les onglets, ou autres raccourcis.
Le nom vient du fait que ce concept a commencé à être utilisé avec le navigateur Internet Explorer de Microsoft, où il fallait utiliser un fichier /favicon.ico placé à la racine du site.

L’excellentissime Snook publie un article sur l’art et la manière de créer un favicon, il passe en revue l’origine du mot, son usage primitif et passe ensuite à la création à proprement parler de cette petite image GIF ou PNG censée représenter le site dont elle accompagne l’URL dans nos navigateurs modernes.

On apprend dans cet article qu’il existe un plugin Photoshop pour favicon(gratuit) dont j’ai déjà parlé ici (et que j’utilise désormais à chaque nouveau site créé), que certains programmes tels qu’Icon Craft (pour Windows) ou Icon Builder (Mac + PC) permettent d’aller plus loin dans la création de ces icônes. On y apprend également que si l’icône doit faire 16×16 pixels, pour moins de 20ko préférablement (certains sites sont paramétrés opur ne pas acceptés des favicons plus lourds).

Enfin, une fois que l’on a créé l’icône pour le navigateur qu’est le favicon, il convient de faire une insertion dans la HEAD de votre site par le moyen suivant : link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"

Enfin, voici quelques liens d’intérêt « général » pour aller plus loin sur le sujet :

Pour en savoir plus sur l'auteur de cet article...  Nicolas a fondé LunaWeb il y a 6 ans. Passionné d'ergonomie, d'utilisabilité et des techniques modernes de communication Web, il scrute de près les évolutions des usages Internet (web social, réseaux, webmarketing, ...). Lire plus d'articles de cet auteur...

blog comments powered by Disqus
↑ Haut de page