|
Et pourquoi pas le Flash ? |
See You Why? |
| Introduction : l'image vectorielle et l'image matricielle | ||||||||
| Il existe deux types d'image num�rique : l'image vectorielle et l'image matricielle. | ||||||||
|
L'image vectorielle. Elle pr�sente un triple avantage : (1) elle donne naissance � des fichiers moins lourds que ceux correspondant � l'image matricielle (elle occupe peu de place en mémoire ; au lieu de mémoriser une matrice de points élémentaires, on stocke la succession d'opérations conduisant au tracé), (2) la conversion d'un fichier vectoriel en fichier bitmap s'effectue généralement bien et (3) elle peut �tre redimensionn�e sans perte de qualit�. Elle pr�sente de multiples inconv�nients : (1) de ne convenir qu'aux formes géométriques relativement simples, mais de n'être appropriée ni aux photographies, ni aux images contenant des d�grad�s complexes et (2) de nécéssiter un plug-in pour être lue (comme peuvent s'en rendre compte ceux qui n'en sont pas équipés et qui voit une zone grise à la place) ; (3) l'apparence d'une image peut énormément varier en fonction du logiciel qui l'interprète ; cela dépend des algorithmes utilisés pour l'affichage ; les vecteurs sont plus efficacement rendus sur un système vectoriel (comme une table traçante). Un écran de haute résolution est nécessaire pour un affichage correct. (4) la reconstruction d'une image à partir de vecteurs peut prendre beaucoup plus de temps qu'une image bitmap de complexité égale. |
||||||||
|
L'image matricielle. De plus, son redimensionnement s'accompagne d'une perte de qualit�. Pour preuve :
|
||||||||
|
Usages. |
||||||||
|
Le cas du web. |
||||||||
| Le logiciel Flash | |||||||||||||||||||||||||||
|
Pr�sentation. Flash est un outil logiciel développé par l'�diteur Macromedia, qui remplit essentiellement trois fonctions : cr�er des images vectorielles, les animer, et les rendre interactives. Il permet aussi d'introduire des images matricielles dans une animation vectorielle. Depuis 2005, ce logiciel a été racheté par Adobe. Mais, comme seul le logiciel Flash est propriétaire et payant, les défenseurs du logiciel libre ont créé l'équivalent Gnash qui utilise le format .SWF. D'après Wikipedia, "Gnash est un logiciel issu du projet GNU, qui se veut une alternative libre au lecteur d'animations vectorielles interactives Flash d'Adobe Systems. Il est utilisable comme une application individuelle, ou bien comme plugin pour les navigateurs internet Mozilla, Mozilla Firefox, Konqueror et Opera. D'autres logiciels peuvent aussi exporter des fichiers au format SWF, par exemple OpenOffice, Swift ou Toon Boom Studio. Parce qu'il n'existait pas d'alternative libre à Flash avant sa création, Gnash est considéré comme un projet prioritaire par la Free Software Foundation. De plus, Flash n'étant disponible que sur un nombre restreint d'architectures et de systèmes d'exploitation, les utilisateurs de certains systèmes d�exploitation libres pour 64 bits ou pour PowerPC ne pouvaient pas visualiser des animations flash. Le projet Gnash est hébergé par Savannah et est développé principalement par Rob Savoye." Ce format SWF est une des nouveaut�s qui fasse fureur sur le web, o� il est en passe de devenir incontournable. Ainsi, une �tude du CERIG montre que 20 % des sites web du secteur des industries graphiques contiennent des animations, r�alis�es pour la plupart � l'aide de Flash. Le logiciel Flash est tellement orient� vers l'image anim�e que les fichiers qu'il cr�e sont toujours appel�s des "animations Flash", m�me si lesdits fichiers ne contiennent que du texte et/ou des images fixes. Nous nous conformerons � cet usage dans la suite de ce chapitre. |
|||||||||||||||||||||||||||
|
Les images fixes. |
|||||||||||||||||||||||||||
|
|||||||||||||||||||||||||||
|
Les images ci-dessous (reprises du site akvis.com) montre comment un simple dessin au trait, de petit poids informatique (soit 111 octets) peut être agrandi sans déformation :
Les images repr�sent�es ci-dessous et reprises du même site, illustrent aussi notre propos. L'arbre a �t� dessin� dans Flash, puis enregistr� successivement dans les format GIF (image n� 1) et SWF (image n� 2). La taille du fichier GIF est 2.210 octets, celle du fichier SWF 410 octets ; la taille de l'image flash�e est donc, dans cet exemple, cinq fois plus petite ! Si vous poss�dez Internet Explorer, utilisez la fonction "Zoom avant" pour agrandir ces images. La diff�rence entre une image matricielle et une image vectorielle vous sautera aux yeux ! |
|||||||||||||||||||||||||||
|
|||||||||||||||||||||||||||
|
Pour l'instant, Flash est tr�s rarement utilis� comme format d'image fixe, parce que les concepteurs de sites pensent que l'investissement dans un logiciel coûteux ne justifie pas l'apport souhaité. À l'avenir, peut-on penser que le format SWF remplacera le format GIF pour la transmission des images fixes qui sont susceptibles d'un traitement vectoriel ? |
|||||||||||||||||||||||||||
|
Les images vectorielles anim�es. Pour cela : Ensuite, il suffira de convertir le fichier .swf en .exe avec un autre logiciel Cr�er une animation constitu�e d'images vectorielles est le point fort de Flash. Ci-dessous se trouve un exemple d'animation simple r�alis�e avec ce logiciel. |
|||||||||||||||||||||||||||
|
|
|||||||||||||||||||||||||||
| Vous n'avez sans doute pas envie de voir cette animation s'agiter ind�finiment ! Vous pouvez la piloter d'un clic droit de souris ; les fonctions suivantes s'affichent alors : | |||||||||||||||||||||||||||
|
|||||||||||||||||||||||||||
|
L'interactivit�. Et pour ceux qui veulent découvrir une série de tutoriels OpenOffice, écrits au format .SWF, nous les invitons à découvrir ce beau travail pédagogique de Guillaume Durieux. |
|||||||||||||||||||||||||||
| Une tentation forte : flasher les pages web | ||
| On peut enregistrer du texte sous forme de code ou sous forme d'image. | ||
|
Le codage du texte. |
||
|
La transformation du texte en image. |
||
|
Le flashage du texte. |
||
| La typographie dans Flash | |||||||||||||||||||||||
|
Les fonctionnalit�s de Flash en mati�re de typographie sont partag�es entre la barre d'outils (outil "texte"), et la rubrique "Modifier" du menu. Cette derni�re est divis�e en quatre sous-rubriques : "cr�nage", "paragraphe", "police" et "style". L'utilisateur peut ainsi choisir : |
|||||||||||||||||||||||
|
|||||||||||||||||||||||
|
Au vu de ce qui pr�c�de, on s'aper�oit que Flash poss�de presque toutes les fonctionnalit�s requises pour r�aliser une bonne typographie ; seules la chasse et la distance entre les mots ne sont pas r�glables. De plus, Flash contourne de mani�re �l�gante le probl�me du t�l�chargement des polices. Comment se fait-il qu'il ne soit pas plus souvent utilis� pour pr�senter des pages de texte ? |
|||||||||||||||||||||||
| Pourquoi Flash est-il peu utilis� pour le texte ? | |||||||||||||||||
| Au CERIG, nous avons recens� diverses raisons qui expliquent cet �tat de fait : | |||||||||||||||||
|
|||||||||||||||||
|
L'absence d'indexation. Certains webmestres pensaient avoir trouv� une parade dans l'utilisation du "cloaking". On installait sur son serveur web un logiciel qui co�tait moins de 100 $... et quand le robot du moteur de recherche se pr�sentait, on lui servait une page qui n'est pas flash�e en lieu et place de celle qui l'est. On en profitait pour tricher encore un peu plus, en bourrant ladite page "fant�me" de mots-cl�s all�chants. Une autre astuce consistait � reproduire sous forme de remarque le texte flash�. Les navigateurs n'affichent pas les remarques, mais quelques moteurs de recherche sont r�put�s en tenir compte. Le logiciel Flash, d'ailleurs, fait syst�matiquement l'op�ration pour vous. Quelle est l'efficacit� r�elle de cette fa�on de proc�der ? Faible, sans doute, et variable selon les moteurs. La solution qui nous parait la plus raisonnable consiste � d�doubler les pages, comme on le fait souvent pour celles comportant des cadres. A l'internaute, on propose de choisir entre voir la page en version Flash ou la voir en version HTML. La page sera index�e normalement par les moteurs de recherche gr�ce � sa version HTML. L'inconv�nient est le m�me que pour les pages comportant des cadres : la cr�ation et la maintenance des pages d�doubl�es est beaucoup plus lourde. En examinant son trafic, le webmestre peut juger du succ�s des pages flash�es, et savoir si le jeu en vaut la chandelle (voir plus loin l'exp�rience du Cerig). |
|||||||||||||||||
|
La taille des fichiers. |
|||||||||||||||||
|
L'�quipement des internautes. |
|||||||||||||||||
|
|||||||||||||||||
|
Ce probl�me se r�glera progressivement au cours du temps, car Flash est d�sormais syst�matiquement incorpor� aux deux grands navigateurs du march�, ou propos� lors de leur t�l�chargement. |
|||||||||||||||||
|
Les liens hypertextes. |
|||||||||||||||||
|
L'importation de texte dans Flash. Il est clair que la fonction "Fichier / Importer..." est l'un des points faibles de Flash. Cette fonction est essentiellement dirig�e vers les images, et m�me ainsi elle ne fonctionne pas toujours tr�s bien. Le format 8 d'Illustrator n'est pas reconnu (il faut proc�der par copier-coller, ou utiliser le format 7), et les d�grad�s passent mal hors du format swf. En pratique, il faut proc�der par copier-coller quand l'importation marche mal, et vice versa. |
|||||||||||||||||
|
Divers. Par ailleurs, le lecteur Flash (Flash player) n'est pas parfait, et les animations complexes le bloquent assez facilement. Enfin certains pensent d�j� qu'il serait possible de transmettre des virus via Flash... esp�rons qu'ils se trompent ! |
|||||||||||||||||
| Pr�sentation des pages flash�es | ||
|
Une erreur � ne pas commettre. Il faut donc toujours appeler les fichiers SWF � partir d'une page web, gr�ce � la balise EMBED. Cette derni�re poss�de deux attributs (WIDTH et HEIGHT) pr�cisant les dimensions de l'animation Flash. Celles-ci peuvent �tre indiqu�es en valeur absolue (pixels) ou en valeur relative (pourcentage). Il est donc possible de choisir entre une pr�sentation fixe et une pr�sentation relative. |
||
|
La pr�sentation fixe. |
||
|
La pr�sentation relative. |
||
| Conclusion | ||||||||||||||||||||
|
Actuellement, Flash est l'objet d'une v�ritable mode chez les concepteurs de sites, et aupr�s des agences de communication, qui l'utilisent pour cr�er : |
||||||||||||||||||||
|
||||||||||||||||||||
|
L'utilisation de Flash pour la r�alisation de dessins anim�s, de bandeaux publicitaires et de jeux en ligne parait tout � fait indiqu�e. Son utilisation pour la r�alisation de pages tunnel, d'�l�ments de navigation et surtout de pages enti�rement flash�es, nous semble par contre tr�s contestable.
|
||||||||||||||||||||