Vous avez besoin d'un site web pour votre activité mais vous êtes nul en programmation ... MyWebsite est fait pour vous.

* Offre 1&1 MyWebsite « 1 mois d’essai gratuit » : pendant le mois d’essai gratuit, résiliation possible à tout moment, sans frais.

* Cette publicité ne s'affiche qu'une fois par jour et s'ouvre dans une nouvelle fenêtre.

Vous êtes ici : Accueil >> Créer son site >> Trucs et astuces pour créer et/ou améliorer un site >> Favicon dans les favoris et la barre d'adresse

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 .


Catégorie Créer son site

Commentaire sur : Favicon dans les favoris et la barre d'adresse
Signaler une erreurSignaler une erreur

Logiciels de créations de sitesLogiciels de créations de sitesTrucs et astuces pour créer et/ou améliorer un siteTrucs et astuces pour créer et/ou améliorer un site Protection par fichier htaccess d'un dossier sous Free.frProtection par fichier htaccess d'un dossier sous Free.fr