Créer un favicon pour votre site Internet

13 avril 2009 | Design, Outils | Tags: , , , ,

Un favicon, c’est quoi ? C’est la contraction de Favoris et de Icone et ça nous donne ces petites images que l’on voit fleurir dans les barres d’adresses des navigateurs ainsi que dans les menus consacrés aux favoris. Le favicon est une image de 16 pixels par 16 pixels, enregistrée avec l’extension .ico.

Quelle est l’utilité d’un favicon ?

Il permet,  en participant à l’identité visuelle de votre site,  à l’internaute qui met votre site en favori de l’identifier plus facilement. C’est donc un argument important pour justifier que l’on y consacre quelques minutes lorsque l’on crée son site Internet.

Comment faire son favicon ?

La solution la plus simple (et celle pour laquelle j’ai opté pour celui présent sur ce blog) est d’utiliser un générateur de favicon en ligne. Le plus complet est surement favicon.cc, qui permet de générer automatiquement un favicon à partir d’un logo uploadé ou encore de colorier case par case une zone carrée de 16×16. Il est bien entendu possible de combiner ces deux méthodes pour obtenir plus facilement le résultat souhaité.

Intégration du favicon dans votre page Web

Rien de plus simple pour finaliser l’insertion de votre favicon. Il suffit d’intégrer dans la ou les pages de votre site Internet la ligne ci-dessous. Elle doit se situer entre les balises <head> et </head>.

<link rel=« icon » type=« image/x-icon » href=« adresse_de_votre_favicon.ico » />

Rien de plus simple que de se doter d’un beau favicon… Et vous, utilisez-vous des favicons et comment les générez-vous ?

Lien Favicon.cc : http://www.favicon.cc/

Pour la petite anecdote, j’ai créé le favicon pour le blog LoicMorvan.fr en moins de 5 minutes, juste en écrivant ce billet sur la création des favicons.

En savoir plus :

  1. Offrez un logo Web 2.0 à votre site Web
  2. CreaResto.fr : création sites Internet gratuits pour restaurant
  3. Augmenter la conversion de votre site e-commerce


Ecrire un commentaire