«

»

Nov 13 2011

Imprimer ce Article

Agrémentez votre site d’une Favicon

favicon sur favicon.ccUne favorite icon (favicon), est l’icone qui se loge dans la barre d’onglets de votre navigateur et permet rapidement d’identifier le site.

Elle doit être de préférence au format 16×16 (32×32 ou 64×64 fonctionne aussi sur les navigateurs récents) en 16 couleurs, pour un fichier .ico, beaucoup plus pour du .jpg, .gif ou .png.

Vous pouvez importer une image au format .jpg, .gif, .png, .bmp, .ico ou .cur pour la convertir ou carrément la créer depuis Favicon.cc. Il permet même  le montage d’une séquence pour animer l’icone

Une fois obtenue, allez dans Apparence > Editeur > Cliquez sur le modèle En-tête (header.php) et ajoutez une des lignes de code suivante dans le fichier entre les balises <head> </head>

[notice]Les navigateurs récents (Chrome, Firefox) supportent également les formats jpg, gif et png (Pas Internet Explorer), cela permet, entre autres, d’obtenir une qualité plus importante[/notice]

 /* Uniquement pour Internet Explorer */
link rel=&quot;shortcut icon&quot; type=&quot;image/x-icon&quot; href=&quot;http://www.monsite.fr/favicon.ico</pre>
/* Uniquement pour les navigateurs récents */
link rel=&quot;icon&quot; type=&quot;image/png&quot; href=&quot;http://www.monsite.fr/favicon.png
link rel=&quot;icon&quot; type=&quot;image/gif&quot; href=&quot;http://www.monsite.fr/favicon.gif
link rel=&quot;icon&quot; type=&quot;image/jpg&quot; href=&quot;http://www.monsite.fr/favicon.jpg

Une petite ligne de code pour gérer l'exception Internet Explorer (Remplacer le type d'image par celle de votre choix, dans notre exemple type="image/gif")
<pre>link rel=&quot;icon&quot; type=&quot;image/gif&quot; href=&quot;http://www.monsite.fr/favicon.gif&quot; /&gt;
&lt;!--[if IE]&gt;&lt;link rel=&quot;shortcut icon&quot; type=&quot;image/x-icon&quot; href=&quot;http://www.monsite.fr/favicon.ico&quot; /&gt;&lt;![endif]--&gt;

Lien Permanent pour cet article : http://sebastien.toursel.fr/wordpress/creation-favicon-blog-site-web/

Laisser un commentaire