Viva el favicon

UNE favicon est une icône, petite image mise à disposition par un site Web pour enjoliver, en particulier dans les navigateurs Web, les endroits où ce site est mentionné. Cette icône pourra être utilisée dans la barre d’adresse, les favoris, les onglets, ou autres raccourcis. Merci pour cette définition monsieur wikipedia.

La favicon c’est le truc à la mode et parfois utile pour reconnaitre un site grâce à son icone personalisée dans vos favoris/barre d’adresse de firefox ou explorer,… Bref j’ai voulu aussi m’y mettre (sur une idée de Megamax à l’époque). Seulement comme d’habitude en web faut toujours qu’il y en ai un qui fasse chier son monde, comme d’hab le gagnant est microsoft avec internet explorer (ie) qui est limité et mal foutu. En tous les cas, il faut que votre favicon soit en résolution 16*16 pixels ou 32*32, IE ou pas.

Alors que firefox supporte quasi tout comme format d’image (JPEG, GIF, PNG, MNG, XBM, BMP et ICO) pour le favicon, ie ne supporte que le format ico. La solution : faire une image pour ie et une image pour les autres, as usual…

Création du favicon

il existe un site internet ultime en la matière, vous lui fournissez votre image et il vous fait un ico 16*16, 32*32 et même animée, c’est pas génial çà ? ah oui l’url ici. De rien, c’est naturel 🙂

Mise en place du favicon Il y a plusieurs méthodes mais je ne vous parlerai que de la bonne 🙂 Voici donc le code à insérer dans la page html dans les balises head de votre page html.

« <link rel= »shortcut icon » type= »image/x-icon » href= »favicon.ico » /> » si vous voulez que IE puisse voir votre favicon.

<link rel= »icon » type= »image/png » href= »favicon.png » /> si vous êtes un geek 🙂

quelques liens sur le sujet

xhtml.net

look image

Atoute.org

voilà voilà , pas compliqué quand-même d’avoir son favicon?

9 réflexions sur “Viva el favicon

  1. j’ai trouvé un petit plug-in qui permet un export direct de photoshop en favicon et même à partir de mac <3 🙂

    tu saurais me dire quel plugin wordpress tu utilises pour l’affichage des images et vidéos? 🙂

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *