Peut être l'auriez-vous déjà remarqué, lorsque vous ajoutez un site que vous aimez dans vos favoris, une mini icône s'affiche.
Vous pourrez constater cette icône dans votre barre personnelle, vos marque-pages, vos favoris ou tout simplement sur les titres des onglets.
Il est bien évidemment possible d'attribuer votre propre icône à votre site web.
Pour ce faire il vous faut une image de 16 x 16 pixels (ou 32 x 32 pixels) et utiliser les 256 couleurs standard Windows (format 256 couleurs).
Nommez votre fichier : favicon et mettez-le à la racine de votre site.
Rajoutez ensuite la ligne suivante sur toutes les pages de votre site sur lesquelles vous voulez voir apparaître votre icône, entre les balises <head> et </head> (dans le cas d'une icône, il suffit simplement de faire apparaître le code suivant sur la page d'accueil de votre site web) :
<link rel="shortcut icon" type="image/XXX" href="http://www.monsite.com/favicon.XXX">
où XXX est le format de votre fichier image : GIF, JPG, PGN et si votre fichier est une icône .ICO alors XXX=x-icon
Par exemple :
<link rel="shortcut icon" type="image/gif" href="http://www.monsite.com/favicon.gif">
<link rel="shortcut icon" type="image/png" href="http://www.monsite.com/favicon.png">
<link rel="shortcut icon" type="image/x-icon" href="http://www.monsite.com/favicon.ico">
...
Un exemple d'icône en GIF pour Site Web Rapide.com : http://www.site-web-rapide.com/favicon.gif
Quel format d'image adopter ?
Tous les formats d'images sont utilisables.
Mais nous allons retrouver deux types de fichiers différents : les images GIF, JPEG, PNG... et les images icônes ICO.
Le format ICO est plus difficile à créer car il vous faudra un logiciel spécifique pour la dessiner (voir la rubrique Téléchargement).
Cependant, le format ICO est compatible tous navigateurs.
Les formats images sont beaucoup plus simples à créer mais ne sont pas compatibles avec Internet Explorer.
A vous de faire votre choix... |
