Favicon dans les favoris et la barre d'adresse

Une favicon est l'icone qui s'affiche dans la barre d'adresse de votre navigateur et dans la liste de vos favoris.
Une favicon est une petit image de 16x16 pixel comme celle-ci image faviconou celle la favicon gif .
Selon le navigateur utilisé, Internet Explorer, Firefox etc ... il faut un code différent .

Pour Internet Explorer :
Renommez votre image en " favicon.ico " et placez la sur votre serveur à la racine de votre site ou dans un dossier et inserez entre les balises <head> et </head> le code suivante en modifiant l'adresse menant à l'icone :

<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />

Pour voir apparaitre la favicon, il faut enregistrer votre site dans vos favoris.

Pour les autres navigateurs vous pouvez utiliser d'autres type d'image :

<link rel="icon" href="/dossier/image.gif" type="image/gif" />
 
<link rel="icon" href="/dossier/image.png" type="image/png" />
 
<link rel="icon" href="/dossier/image.jpeg" type="image/jpeg" />

Remarquez le type qui contient le type de l'image. 

  • image/png: image PNG.
  • image/gif: image GIF.
  • image/jpeg: image JPEG.
  • image/x-icon: image de type icon, attention ce format n'est pas un format standard.

En conclusion :

Pour que votre Favicon s'affiche correctement dans tout les navigateurs, il faut mettre le code pour Internet explorer plus un second pour les autres navigateurs en fonction du type d'image que vous utilisez (gif, jpeg, png ) . Ce qui nous donne :

<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
<link rel="icon" type="image/gif" href="/dossier/image.gif"  />

Pour bien visualiser le résultat, Ajouter creer-un-site.fr dans vos Favoris puis visualiser le résultat avec Firefox et Internet explorer .


Voir/déposer un commentaire (0) | Signaler un problème