Zone Webmasters - Favicon pour son site

> Accueil > Publications > XHTML & CSS > Favicon pour son site

Favicon pour son site

Par: Rudy | Catégorie: XHTML & CSS

Qu’est-ce qu’une favicon ?

Une favicon est une petite icone qui apparaît dans la barre d’adresse devant l’URL des sites et dans les favoris / marques pages de votre navigateur.

La favicon participe à l’identité visuel général de votre site et permet entre autre à vos visiteurs de mémorisé plus facilement votre site.

Comment fabriquer une favicon ?

Pour les navigateurs standards

La favicon étant une simple image de taille 32x32 pixels, vous pouvez la créer avec votre logiciel graphique habituel en toute simplicité avec différents formats (jpg, gif, png).

Une fois votre favicon réalisé, vous pouvez l'afficher sur votre site avec un simple code à placer entre les balises <head> et </head>:
<link rel="icon" type="image/png" href="/favicon.png" />
  • image/png : type mime de l'image
  • /favicon.png : chemin vers l'image


Différent type mine possible:
  • image/png: image PNG.
  • image/gif: image GIF.
  • image/jpeg: image JPEG.

Pour internet explorer

Internet explorer ne respectant pas les standards, il nous oblige donc à utiliser une image au format .ico qui n'est pas un format standard.

Pour Internet Explorer vous devez utiliser le code suivant:
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />


Si vous voulez que votre favicon s'affiche dans les deux cas, créer deux images (une avec un format standard et l'autre au format .ico) et utilisez le code ci-dessous :
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
<link rel="icon" type="image/png" href="/favicon.png" />


Imprimer cette publication




Commentaires

Commentaires

Bon tuto, mais tu devrais préciser que le code est à placer entre les balises <head> et </head>

Par 01JiiN

Je vais éditer l'article. Merci du commentaire. ;)

Par Rudy



2 commentaires

Ajouter un commentaire

Vous devez être membre pour commenter cet article.

>> Inscrivez-vous





Faire un lien | Partenaires ©2005-2008 Rudy Onfroy Tous droits réservés Contact | RSS | Plan | Haut