Signets avec icône personnalisée Dans un premier temps, il est nécessaire de rajouter ces balises <LINK> dans l'entête de votre page, c'est-à-dire entre les balises <HEAD> et </HEAD> :
<HTML> <HEAD> <LINK rel="shortcut icon" href="../images/votre_icone.ico" type="image/x-icon"> <LINK rel="icon" href="../images/votre_icone.ico" type="image/x-icon"> </HEAD> <BODY> ... </BODY> </HTML>
La première ligne de codes <LINK rel="shortcut icon"...> était utilisée par le passé, lorsque tous les navigateurs ne décodaient pas encore ce type de tag.
La seconde ligne de codes <LINK rel="icon"...> est aujourd'hui compatible avec tous les navigateurs.
On peut aussi, avec les navigateurs de génération récente, utiliser un autre type de format d'image et l'on utilisera alors la codification suivante:
La seconde ligne de codes <LINK rel="icon"...> est aujourd'hui compatible avec tous les navigateurs.
On peut aussi, avec les navigateurs de génération récente, utiliser un autre type de format d'image et l'on utilisera alors la codification suivante:
<HTML> <HEAD> <LINK rel="icon" href="../images/votre_icone.png" type="image/png"> </HEAD> <BODY> ... </BODY> </HTML>
En second lieu, vous devrez créer une image au format '.bmp' avec, par exemple 'paint.exe'. Cette image aura une dimension au plus de 32 x 32 pixels et comportera au plus 256 couleurs. Il vous faudra ensuite utiliser un petit logiciel de conversion. Je vous propose 'bmp2ico', freeware à télécharger ici. Vous pourrez alors sauvegarder 'votre_icone.bmp' au format 'votre_icone.ico' à placer ensuite dans votre dossier 'images'.
Lorsque les visiteurs de votre page HTML sauvegarderont dans leurs favoris (ou signets) le lien de cette page, ils téléchargeront en même temps l'icône que vous lui aurez assignée.
Deux petites infos, encore, avant de clore ce chapitre:
- si vous possédez une image et que vous voulez la transformer en icone, utilisez ce lien: FavIcon from Pics;
- et si vous souhaitez vérifier la validité de la mise en place de votre icone, utilisez cet autre lien: Favicon Validator.
Lorsque les visiteurs de votre page HTML sauvegarderont dans leurs favoris (ou signets) le lien de cette page, ils téléchargeront en même temps l'icône que vous lui aurez assignée.
Deux petites infos, encore, avant de clore ce chapitre:
- si vous possédez une image et que vous voulez la transformer en icone, utilisez ce lien: FavIcon from Pics;
- et si vous souhaitez vérifier la validité de la mise en place de votre icone, utilisez cet autre lien: Favicon Validator.
© 1999-2010 PhB - www.pictavie.net
