20 août 2009

Créer et Intégrer un Favicon

Créer et Intégrer un FaviconUn favicon, est comme son nom l’indique, une icône. Mais plus précisément c’est l’icône qui va représenter votre site web dans  différents endroits de votre navigateur internet (et oui ça dépend du navigateur…) :

  • dans la barre d’adresse à coté de votre URL,
  • dans vos favoris
  • dans les onglets



Les formats d’images généralement utilisés sont :

  • ico
  • gif
  • png

Pour intégrer votre favicon dans votre page HTML, c’est entre les balises <head>…</head> que ça se passe avec cette ligne :

&lt;link href=&quot;/path_to_favicon/favicon.png&quot; rel=&quot;icon&quot; type=&quot;image/png&quot; /&gt;

Des précisions supplémentaires sont à apporter :

  • Internet Explorer (6 et 7) ne reconnaît que les formats ICO
  • Certains navigateurs modernes (Firefox, Google Chrome, …) vont utiliser par défaut un fichier favicon.ico présent à la racine du site, et ce sans présence du code HTML préciser ci-dessus.

Source :

Des générateurs en ligne :

BlogBang

2 commentaires

  1. Sport dit :
    20 août 2009 à 16 h 24 min

    Très bon petit post dans le sens ou beaucoup trop de gens l’oublient ce petit fichier favicon.
    Au plus grand désespoir des standards du web!

    Répondre
  2. Funnycat dit :
    20 août 2009 à 17 h 01 min

    Bon article, c’est bien vue de préciser que ie ne prend pas en compte le format .ico.
    J’ai appris dernièrement que pour contrer le problème il faut faire deux favicons un avec .ico et un autre au format .jpg ou .png. Comme ça l’icône est visible sur différents navigateurs. :)

    Répondre

Déposez un commentaire





Additional comments powered by BackType