N'oublions pas le favicon

Classé dans : WebMaster - Mots clés : webmastering, favicon, PluXml

Dans un site web, il est important d'avoir une favicon :  c'est la petite icone qui apparait dans les favoris ou dans les onglets !

MAJ de l'article du 19 Sept. 2010

Il y a de nombreuses pages qui traitent ce thème.

Il est possible de créer soit même un fichier favicon.ico à l'aide d'un logiciel de dessin (e.g. GIMP) ... mais il y a de nombreuses contraintes et il est bien plus simple d'utiliser un logiciel dédié.

De fait, il existe des sites web qui génèrent votre fichier (ou vos fichiers) à partir d'une image que vous téléchargez sur le site : pour moi, c'est le plus simple et c'est ce que j'utilise.
ATTENTION : pour un meilleur rendu, utilisez une image de format carré et n'oubliez pas que le favicon standard affiché est petit (16x16 ou 32x32) donc ne prenez pas une image très fouillée. De préférence, un dessin/logo assez simple.

  • Dynamic Drive : le meilleur des générateurs, conserve le fond transparent.
  • FavIcon From Pics : c'était mon favori, mais il ne conserve pas le fond transparent (contrairement à ce qui est prétendu sur une doc du site).
  • Favicon Generator : un autre avec aussi une galerie d'icônes existantes.
  • Genfavicon : encore un autre : intéressant car on peut choisir une zone.
  • Favicon.cc : un site où on peut télécharger une image pour générer un favicon mais aussi en dessiner un.
  • Favicon France : une sélection de favicon tout prêt à télécharger (design très 90s).

On peut aussi créer un favicon.ico avec toutes les formats (et les profondeurs) avec The Gimp. Lisez l'article de Didier pour les détails, ou l'original, celui de Dave en Anglais.

Ensuite, il faut placer le fichier favicon.ico à la racine du site ... et ça devrait suffire ! !

Si on veut, on peut indiquer le fichier dans le code HTML, par exemple pour PluXml, voir la page du Wiki Ajouter un favicon.

[ Aucun commentaire ]

© Le Computing Froggy  !

Écrire un commentaire

Quelle est la troisième lettre du mot m20jvw ? :