6.03.09Creer un favicon
Le favicon c’est c’est cette petite bête qui vient embellir votre url et vous rend immédiatement reconnaissable. Si quelqu’un vous cherche dans ses sites favoris, dans son lecteur de flux rss ou dans ses onglets de navigateur, il vous retrouvera plus aisément si vous avez un favicon.
Faites l’essai, et regardez dans vos marques-pages par exemple, un nom de site avec favicon et en dessous un nom de site sans. L’identification visuelle est plus forte, le rapprochement entre la petite image et le site se fait immédiatement, ça donne de la personnalité à une adresse web, on se souvient de vous !
Comment faire un favicon ?
Vous pouvez utiliser un générateur de favicon en ligne (il en existe une bonne flopée) , ou bien le créer vous-même avec photoshop ou gimp par exemple. A noter que si vous passez par votre éditeur d’images préféré vous pourrez plus facilement gérer la forme et la couleur en zoomant au maximum pour travailler au pixel prés, le résultat sera plus pro.
Un peu de technique
Le format en vigueur pour le favicon est de 16 x 16 pixels ou 32 x 32 pixels. Une fois votre image enregistrée sous un format image (jpg, gif, png), il vous faudra renommer l’extension du fichier en .ico par clic droit > renommer. L’icone doit être placée à la racine du site.
Voilà maintenant le code à insérer dans votre balise <head>, evidemment aucun intérêt d’ajouter la ligne .ico si vous n’avez fait qu’une image png et vice-versa.
<link rel="icon" type="image/png" href="favicon.png"> <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
Internet Explorer ce grand boulet
Vous pouvez appliquez le code précédent avec une image de type gif ou png pour firefox, mais IE n’a d’yeux que pour les .ico. Par ailleurs il faut enregistrer le site dans vos favoris pour que IE affiche le favicon (à vérifier).
Si j’ai fait une erreur ou un oubli, n’hésitez pas à le signaler dans les commentaires ^^.
Creer un favicon | bibox…
Le favicon c’est c’est cette petite bête qui vient embellir votre url et vous rend immédiatement reconnaissable. Si quelqu’un vous cherche dans ses sites favoris, dans son lecteur de flux rss ou dans ses onglets de navigateur, il vous retrouver…