Tags

Related Posts

Share This

Favicon

Un favicon est cette petite image que la plupart des navigateurs montrent dans la ligne d’adresse et dans le menu de favoris (signets).
Les navigateurs à onglets comme Firefox et opéra prolongent la fonctionnalité des favicons, les ajoutant à leurs marques pages.

Le nom est basé sur l’Internet Explorer (le premier navigateur à les soutenir) et dérive de l’ « icône de favoris ».
Le favicon permet de favoriser son identité et son image en montrant un logo, un message graphique, etc. De plus il permet de trouver rapidement le bon lien caché dans la multitude de ses marques pages.

Mais saviez-vous que Firefox peut montrer les favicons animés ?
La raison est que Firefox a supprimé le format de propriétaire .ico en permettant de montrer n’importe quel format d’image comme favicon, y compris BMP, JPG, GIF, PNG et… GIFs animé.

Hé oui le favicon animé n’est rien qu’un GIF animé !

Comment faire :

  1. Vous faites un GIF animé en 16×16.
  2. Vous uploadez le GIF animé à la « racine » de votre emplacement, ou à n’importe quel autre endroit.
  3. Vous hardcodez dans votre page l’endroit où Firefox devrait rechercher l’animation.
  • Lien du favicon dans le head de la page :
    Le favicon doit se situer à la racine du serveur

    <link rel="shortcut icon" href="favicon.ico" />
    
  • Lien du favicon animé dans le head de la page :
    Le favicon peut se situer n’importe où sur le web.

    <link rel="icon" href="favicon_anime.gif" type="image/gif" />
    

Et voilà.