FAVICON ANIME
1 : Cékoidonc le favicon ?
Le favicon c'est ce petit icône qui s'affiche à côté d'un site web. par exemple pour la board le favicon est . Cela va nous permettre d'avoir ce logo dans la barre d'adresse
2 : Ok cool j'en ai déja vu mais on peut l'animer ?
Et voui ! et c'est super simple. Pour notre démo vous aurez besoin d'un logiciel vous permettant de gérer simplement les gifs animés. Par exemple un gratuit qui marche du tonerre, The Gimp. Vous le trouverez ici : http://www.gimp.org/ et si le lien est dead cherchez The Gimp sur google Surprised
Rassurez-vous c'est un logiciel hyper pro mais on va utiliser juste deux fonctions très simples.
Bon une fois que vous l'avez installé, choisissez votre gif animé. Si vous voulez en créer un vous même débrouillez-vous ceci n'est pas un tuto sur les gifs animés Razz
Donc on dira qu'on a un chouette gif animé que voici :
Bon c'est bien gentil mais un favicon doit avoir un format 16x16 pixels. Or celui-ci est trop grand il fait 20x20.
Nous allons donc retailler l'image.
On ouvre l'image avec The Gimp.
On va retailler l'image en 16x16.
On entre la nouvelle taille (16x16)
Et on valide la nouvelle taille par
L'image est retaillée.
Il ne nous reste plus qu'à l'enregistrer en Gif animé.
On lui donne son nom. Pensez bien à mettre l'extension ! et puis ensuite on valide Smile
Le programme nous demande si on veut fusionner ou faire une animation. Bien sûr on choisit l'animation ! Et hop on exporte !
Pour terminer on choisit le type de boucle. Par défaut c'est une boucle infinie. On laisse ça comme ça c'est très bien ! On valide et c'est fini pour l'image.
Et voila on a un joli fichier. Il ne reste plus qu'à le renommer en favicon.gif (c'est mieux pour identifier le fichier) et à le placer à la racine de notre site.
Enfin pour terminer on va dans le code de notre page html et entre les balises <head>, à la fin de ces balises on ajoute le code suivant :
- Code:
-
<link href="favicon.gif" TYPE="image/gif" REL="icon" />
3 : Et voila !
Normalement maintenant si vous allez sur votre site, votre joli favicon s'anime. Il sera même animé dans la liste des favoris ! Avouez que ça fait chouette non ? Vous pouvez voir ce que donne notre icône en allant sur mon podcast (désolé hein j'ai pas d'outil de capture de gifs animé).