Un 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 :
[html]
<link href="/path_to_favicon/favicon.png" rel="icon" type="image/png" />
[/html]
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 :
- favicon.cc
- html-kit.com/favicon/
- pagerankhotel.com/generateur_favicon.php
- revue-hebergement-web.com/generateur-favicon/
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!
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.