Attention : Vous êtes sur la version FORUM (allégée) du tutorial, pour la version complétè rendez vous ici
Cette Favicon,une petite image de 16pixel carré vous permet de personnaliser votre site, elle se place dans la barre d'adresse et est reconnu par les pluspart des navigateurs web.
#1 |
Les propriétés de la Favicon |
Taille: 16pixel par 16pixel
Format: .ico (icône)
Elle peut être transparente et animée.
Exemple:
Est l'icône Favicon du site Tuto-underground.net
Libre à vous de la choisir ou de la créer, c'est très simple si vous procédez une image elle peut être transformée pour servir d'icône, nous allons donc prendre pour exemple cette image que nous allons placer en favicon
Nous allons maintenant transformer cette image en icône réutilisable en favicon
Pour cella il existe un site très simple : http://www.html-kit.com/favicon
#3 |
Transformer l'image en favicon |
Sur le site:
Parcourir l'image sur votre disque dur
Possibilité de rajouter un texte défilant et d'animer l'icône.
Enfin cliquer sur Generate Favicon.ico
Vous obtiendrez un appercu de l'icône ainsi qu'un lien pour la télécharger.
l'étape suivante explique l'insertion de cette icône sur votre site internet.
#4 |
Intégrer l'icône sur votre site internet |
C'est très simple il suffit de placer à la racine de votre site l'icône présente dans l'archive téléchargée sur le site.
puis de placer entre la balise <head> et </head> de votre site le code suivant:
Code: |
<HEAD> <link rel="shortcut icon" href="favicon.ico" > </HEAD> |
Vous devrez obtenir l'icône à gauche de l'adresse url de votre site 
Pensez éventuellement à vider le cache de votre navigateur si elle n'apparait pas.
A vous de jouer 
