Il était une fois, un graphiste, taquinant quelque peu le Web, voulait promouvoir le navigateur Firefox sur ses sites pour des tas d'obscurs raisons css-istes, compatibilitaires, et autres joyeuses facilités. Alors tout bêtement il s'en alla gambader chercher de la documentation où qu'il pût en trouver pour faire ses propres bannières de promotions; trouvant celles actuelles "bien mais peu mieux faire".

Sauf que voilà, bien que la source du logo Firefox soit facilement accessible (tiens, hop je la remets ici pour la forme), il se trouve qu'il y a peu, pour ne pas dire absolument RIEN à se mettre sous la dent coté animation; sauf bien sûr les quelques brailleries guerrières désormais classiques entre IE - Firefox sous forme de gifs animés. Ça ne m'intéresse pas, et surtout ce n'est pas pro pour un sou.

Je me suis dit, mais "BIGRE! pourquoi n'y a t'il pas une simple petite animation de ce logo ?", la déclinaison est pourtant à portée de crayon! - Rien faire, il n'y a rien - AVAIT rien, car j'ai entrepris de faire la version du logo firefox animé dont je rêvais pour mes petites bannières et autres amusements.

Hé? Pourquoi ne pas en faire profiter les autres ? le monde du libre est à ma porte, alors franchissons-en le seuil pour cette fois. Je propose donc à qui le voudra ce logo animé. Mais voilà, un problème majeur est survenu, avoir fait une animation c'est bien, mais comment la diffuser ? J'ai bien sûr tenté le GIF animé, mais voilà le massacre, c'est saccadé, lourd et de piètre qualité. Au final le SWF s'est révélé être la solution la plus crédible. C'est un format libre après tout, et surtout a l'énorme, que dis-je, le gigantissime avantage, de proposer du vectoriel. Un seul fichier, le même poids (19ko pour celui qui nous occupe), toutes les tailles possibles et imaginables sans perte de qualité, avec une possibilité d'avoir un fond transparent, que demande le peuple ? Ce sera donc ce format de diffusion. Je décris plus bas comment utiliser ce fichier.

Le fichier, l'animation elle-même est en Copyleft, je me suis cependant permis d'y mettre discrètement, d'où provient celui-ci, ceci dit, c'est invisible dès qu'on passe en petit format. Des améliorations pourront certainement être évoquées, parlons-en la.

Utilisation du fichier
Il est vrai que le swf n'est pas un fichier très facilement intégrable, on est loin de la balise img, le code html appelant l'objet étant assez lourd, mais en attendant un format plus adéquat, on fera avec. Notez que vous devrez répéter toujours 2x les propriétés du SWF.

Chemin :
Taille :
background couleur :
background transparent
lien sur le logo :

Il ne faut pas perdre à l'esprit que l'option de transparence est assez gourmande en ressources. D'autre part en parlant de ressources plus l'animation est grande, plus elle en est demandeuse, donc restreignez vos ardeurs si vous ne voulez pas mettre les machines de vos visiteurs sur les genoux.

Le fichier swf est disponible ici.

Pour finir, quelques exemples