| |
| Didacticiel |
Dans le contexte d'une animation, «optimiser» consiste à réduire la taille du fichier. Plus le fichier d'une animation est petit, plus vite il sera téléchargé sur Internet. Généralement, on vise à réduire le plus possible la taille du fichier de l'animation tout en s'assurant que celle-ci reste le plus présentable possible. Il existe de nombreuses façons d'optimiser une animation GIF. Les voici :
- 1. Réduire le nombre de couleurs utilisées
- 2. Utiliser l'optimisation par réduction au plus petit rectangle désiré
- 3. Utiliser la transparence pour l'optimisation intercadres
- 4. Enlever des cadres
- 5. Rogner la taille physique de l'animation
- 6. Redimensionner l'animation pour obtenir une taille physique réduite
- 7. Supprimer l'entrelacement
GIF Movie Gear peut exécuter toutes ces optimisations. Regardons maintenant chacune d'elles. Cependant, avant de procéder aux optimisations, prenons en note la taille du fichier de l'animation. GMG fournit cette information dans la barre d'état au bas de son interface. Dans le coin inférieur gauche, vous verrez le nombre total de cadres dans l'animation ainsi que le numéro du cadre présentement sélectionné. La case suivante à droite indique les dimensions de l'animation suivies du temps total d'exécution. À côté de cela, vous verrez la taille actuelle du fichier de l'animation ainsi qu'une estimation du temps de téléchargement à une vitesse donnée de connexion Internet (vous pouvez changer la vitesse de la connexion Internet visée par GMG à l'aide de l'élément Temps de téléchargement situé dans le menu Affichage ). La dernière case indique le grossissement actuel.
La présente animation est donc censée comprendre environ 7 204 octets et être téléchargée en 2 secondes environ sur Internet. Même si un délai de deux secondes n'est pas si long, nous pouvons réduire l'animation de quelques octets pour en accélérer davantage le téléchargement.
NOTA : L'efficacité des méthodes d'optimisation ci-haut variera d'une animation à l'autre. Il est à noter que toutes les mesures indiquées ci-dessous sont spécifiques à l'animation donnée en exemple. Les résultats varieront selon l'animation produite.
|
Cette animation particulière comporte très peu de couleurs (examinez les couleurs en utilisant Animation>Éditer palette globale), de sorte qu'elle est déjà quelque peu «optimisée». Car le nombre total de couleurs dans tous les fichiers/cadre n'était que de 35 lorsque les cadres furent importés dans GMG. En d'autres mots, la «palette globale» de l'animation (la palette utilisée pour tous les cadres) ne contient que 35 couleurs. Les animations utilisant une palette globale peuvent contenir jusqu'à 256 couleurs. Généralement, plus il y a de couleurs dans une animation, plus grande est la taille de son fichier. Cependant, étant donné la façon dont le format GIF se comprime, ceci n'est pas toujours vrai, mais cette généralisation s'applique à la majorité des animations GIF.
Bien que ce ne soit pas évident à prime abord, tous les cadres de l'animation ont été ouverts dans l'ordre approprié. Le premier cadre de l'animation est censé représenter le petit vaisseau spatial/extraterrestre sans l'anneau jaune en dessous. Dans le second cadre, un grand anneau jaune est censé apparaître sous le vaisseau spatial, alors que, dans les deux derniers cadres, l'anneau jaune rapetisse et s'éloigne du vaisseau spatial.
Vous pouvez réduire le nombre de couleurs dans une animation soit en cliquant sur le bouton Réduire couleurs  sur la barre d'outils, soit en sélectionnant l'option Réduire couleurs dans le menu Animation. La figure 2 montre la boîte de dialogue Réduire couleurs qui comporte deux fenêtres de visualisation pour l'animation. La fenêtre de gauche montre l'animation initiale et la fenêtre de droite montre l'animation après réduction des couleurs. Ces fenêtres juxtaposées vous permettent donc de voir l'animation avant et après la réduction des couleurs, ce qui permet d'évaluer si cette réduction entraîne ou non une dégradation de la qualité visuelle de l'animation. GIF Movie Gear vous permet même de grossir l'image dans les fenêtres de visualisation pour mieux repérer les différences.
 Figure 2
Dans notre exemple, GMG définit automatiquement le menu déroulant «Nombre de couleurs dans la palette réduite» à une palette de 32 couleurs (5 bits). Puisqu'on enlève ainsi seulement 3 couleurs de l'animation, sélectionnez 16 couleurs (4 bits) au menu déroulant «Nombre de couleurs dans la palette réduite». Maintenant, appuyez sur le bouton d'exécution et comparez les deux variations. L'aperçu à gauche exécute l'animation initiale à 35 couleurs et l'aperçu à droite exécute la nouvelle version 16 couleurs de l'animation.
Notez qu'il y a très peu de différences entre les deux versions de l'animation. C'est ce à quoi il faut tendre. Remarquez aussi que les fenêtres d'aperçu indiquent la taille du fichier avant et après. Dans la figure 2, l'information sous la fenêtre de droite indique que la réduction d'une palette de 35 couleurs à une palette de 16 couleurs allégera l'animation de 819 octets et que les 819 octets ainsi économisés se traduisent par une réduction de 11,4% de la taille du fichier. En réduisant l'animation à une palette de 16 couleurs nous avons réduit la taille totale de l'animation qui est maintenant de 6 334 octets. Si vous cliquez sur OK, vous verrez que l'animation sera téléchargée en moins de 1,8 secondes sur Internet avec une connexion modem 28,8.
Si vous regardez très attentivement l'animation, vous remarquerez aussi que les «anneaux de propulsion» tirent plus sur l'orange après la réduction de palette. Vous pouvez régler avec précision des couleurs individuelles comme celle-ci au moyen de l'élément de menu Éditer palette globale décrit précédemment.
|
L'optimisation par réduction au plus petit rectangle désiré est une méthode d'optimisation par laquelle on rogne les cadres d'une animation GIF jusqu'à l'obtention du plus petit rectangle désiré. Ces cadres sont souvent superposés en utilisant les coordonnées des pixels pour le positionnement. La meilleure façon de comprendre cette méthode est de regarder un exemple. Notre petit extraterrestre n'a pas grand chose à tirer de ce type d'optimisation; nous allons donc prendre un autre exemple.
Regardons d'abord la figure 3. (Cliquez ici pour obtenir le fichier de cette animation.) Comme vous voyez, il s'agit simplement d'une balle bondissante. Cependant, remarquez la texture chargée de l'arrière-plan (le mur jaune et le plancher brun). Remarquez surtout que l'arrière-plan est identique dans chaque cadre : c'est de l'information redondante qui est sans cesse répétée. Cette texture rend peut-être l'animation plus intéressante mais elle n'a pas un très bon impact sur la taille du fichier. Avant optimisation, cette animation comporte 39,6 Ko. Il faudrait 12 secondes pour télécharger cette animation avec un modem 28,8. Heureusement, on peut faire mieux que ça.
Figure 3
Ouvrez le fichier ball.gif (Cliquez ici pour obtenir le fichier de cette animation). Maintenant, cliquez sur le bouton Optimiser l'animation  ou sélectionnez Optimiser dans le menu Animation. Pour le moment, assurez-vous que l'option «Remplacer le pixels dupliqués par la transparence» dans la boîte de dialogue Optimiser l'animation n'est pas sélectionnée et cliquez sur OK. Cette opération fait en sorte que tous les cadres sauf le premier soient réduits à de petits rectangles (comme il est illustré à la figure 4 où certains cadres de l'animation sont représentés).
Figure 4
Cette opération a permis de réduire la taille du fichier à moins de 11,5 Ko. Il s'agit d'une économie de plus de 30 Ko. Maintenant, l'animation prend tout juste un peu plus de 3 secondes à télécharger. Beaucoup mieux n'est-ce pas?
Il est utile de comprendre ce qui se produit avec l'option d'optimisation au plus petit rectangle désiré car cela a un impact sur votre façon de concevoir les cadres de votre animation; examinons donc rapidement ce mécanisme d'optimisation. Essentiellement, tous les cadres suivant le cadre 1 ont été réduits au plus petit rectangle désiré. Les parties dupliquées ou redondantes des cadres sont rognées. Ainsi, chaque cadre suivant le cadre 1 est en fait un fichier GIF plus petit. Les fichiers GIF plus petits sont superposés au premier cadre au moyen de coordonnées de pixels correspondants. Puisque les images GIF plus petites ne couvrent que partiellement le premier cadre, vous pouvez toujours voir certaines parties du cadre initial lorsque l'animation est exécutée.
Pour vérifier cela, cliquez deux fois sur le second cadre de l'animation. Vous ouvrirez ainsi la boîte de dialogue Propriétés. Notez que les options Décalage X et Décalage Y sont (ou devraient être) à 26 et 12 respectivement. Ces coordonnées correspondent au coin supérieur gauche de l'image dans le cadre. Remplacez-les toutes deux par 1 et constatez les résultats. Maintenant, le contenu du deuxième cadre est superposé au coin supérieur gauche du cadre.
Malheureusement, nous ne pouvons pas revenir sur cette opération; fermons donc l'animation sans sauvegarde puis ouvrons de nouveau l'animation pour la réoptimiser comme décrit ci-haut. Notez maintenant que les cadres 5 à 8 n'ont pas réellement été réduits au plus petit rectangle désiré. Nous n'avons besoin que de la balle et de l'ombre, mais les zones à gauche restent visibles. C'est parce que GMG a détecté certains petits changements dans cette région. Heureusement, nous pouvons remédier à cela manuellement.
Cliquez sur le cadre 5 et sélectionnez Déplacer/Rogner dans le menu Cadre. Remarquez que l'image GIF pour ce cadre est affichée dans la fenêtre d'aperçu entourée d'un cadre de contour. Cliquez et glissez le carré central au côté gauche de l'image GIF dans la fenêtre d'aperçu. Glissez vers la gauche jusqu'à ce que la bordure gauche du cadre de contour touche presque la balle bleue. Relâchez la souris et cliquez sur OK. Si vous répétez cette opération pour les cadres 6, 7 et 8 (voir figure 5) vous devriez pouvoir réduire davantage la taille du fichier d'animation d'environ 2,5 Ko. L'animation est exécutée de façon identique (pas de perte de données!), mais la taille du fichier est passée de 39,6 Ko à 8,9 Ko.
|
Une autre façon d'optimiser une animation consiste rendre transparentes les parties redondantes de l'animation, celles qui sont à l'intérieur des rectangles pollués. Il en résulte souvent une réduction de la taille du fichier. Vous savez peut-être déjà qu'un fichier GIF peut contenir de l'information de transparence. En d'autres mots, on peut rendre transparentes certaines couleurs dans un fichier GIF. Les parties transparentes d'un fichier GIF laissent voir les images en arrière-plan de l'animation.
Pour une image GIF statique, cela signifie que les parties transparentes d'un fichier GIF laisseront voir la couleur et la texture en arrière-plan de la page Web. Vous pouvez aussi tirer profit de la transparence à l'intérieur des animations. Essentiellement, un cadre GIF peut contenir des zones transparentes qui laissent voir les cadres précédents. Il s'agit de ce que l'on appelle la «Transparence intercadres».
Avec la transparence intercadres, tout ce que vous avez à faire pour optimiser l'animation c'est de cliquer sur le bouton Optimiser l'animation ou sélectionner Optimiser dans le menu Animation. La section Réduction cadre comporte trois options : «Réduire les cadres au plus petit rectangle désiré», «Remplacer les pixels dupliqués par la transparence» et «Supprimer les cadres inutiles». Seules les deux premières options sont pertinentes pour l'optimisation par transparence intercadres. On doit sélectionner l'option «Réduire les cadres au plus petit rectangle désiré» (que nous venons d'aborder dans la section «Optimisation par réduction au plus petit rectangle désiré») avant de pouvoir utiliser l'option «Remplacer les pixels dupliqués par la transparence».
L'option «Remplacer les pixels dupliqués par la transparence» pousse encore plus loin que la méthode de réduction au plus petit rectangle l'idée qui consiste à rendre transparentes des parties de cadres dans une animation GIF. Il s'agit ici d'enlever tous les pixels redondants d'un cadre à l'autre. Cela se traduit parfois par une réduction significative de la taille des fichiers, mais pas toujours. Comme dans le cas de la plupart des optimisations, cela dépend de l'animation même.
Par exemple, si l'option «Remplacer les pixels dupliqués par la transparence» est sélectionnée, la balle bondissante est réduite de 8,9 Ko à 7,2 Ko--une bonne petite réduction sans aucune perte de données. D'autre part, il n'y avait pas de réduction dans l'exemple de l'extraterrestre. Car dans l'animation extraterrestre/vaisseau spatial, un grand nombre de pixels noirs autour du petit vaisseau spatial sont redondants entre les cadres 2, 3 et 4, mais cela ne signifie pas que l'on pourra réduire la taille du fichier en rendant ces zones transparentes--en fait, cela augmentera probablement la taille du fichier. Par conséquent, il n'y a pas de différence dans l'optimisation, que vous ayez ou non sélectionné l'option «Remplacer les pixels dupliqués par la transparence».
Ce manque apparent de transparence s'explique par le fait que GMG utilise la transparence de façon intelligente. Lorsqu'il détermine que l'option de transparence augmentera la taille du fichier, il évite d'utiliser cette option. Ainsi, dans le cas du vaisseau spatial et de l'extraterrestre, GMG n'utilisera pas la transparence intercadres même si vous la sélectionnez parce qu'elle entraînerait une augmentation -et non une réduction-de la taille du fichier de l'animation.
En général, vous pouvez sans crainte laisser ces deux options sélectionnées en étant assuré/e que GMG choisira la meilleure combinaison possible des options d'optimisation par transparence intercadres afin de réduire le plus possible la taille du fichier. Dans ce tutoriel, elles ont été présentées séparément à des fins didactiques seulement.
En passant, l'option «Supprimer les cadres inutiles» supprime tous les cadres redondants d'une animation. Cette fonction est utile parce qu'antérieurement, certains concepteurs d'animations GIF ne se sont pas rendu compte que chaque cadre peut avoir son propre minutage, et ont donc eu recours à plusieurs copies d'un même cadre pour intégrer des pauses. Par exemple, plutôt que régler le délai d'intervalle d'un cadre à une seconde, ils incluaient 10 copies du cadre avec chacune un délai d'intervalle de 10/100 de seconde. Ces 9 cadres supplémentaires ont inutilement augmenté la taille du fichier d'animation.
Finalement, soulignons que vous pouvez supprimer toute transparence intercadres ou réduction au plus petit rectangle dans une animation (incluant toutes les animations que vous téléchargez du Web) en sélectionnant Annuler optimisation dans le menu Animation. Voici les versions initiale et optimisée de l'animation avec balle bondissante :
Initiale : 39 631 octets
|
Optimisée : 7 258 octets |
|
La suppression de cadres consiste seulement à sélectionner et à supprimer un cadre. Bien sûr, moins il y a de cadres dans une animation, plus le fichier est petit. Dans l'animation de l'extraterrestre, cliquez sur le cadre 4 et supprimez-le. Notez que la taille du fichier de l'animation est maintenant réduite à seulement 4 748 octets, une économie de presque 1 500 octets. (Vous pouvez récupérer le cadre en utilisant Annuler, dans le menu Éditer.) GMG offre aussi une option appelée Réduire nombre de cadres (dans le menu Cadre). Cette fonction automatise la suppression des cadres. Par exemple, si vous avez une animation à 20 cadres, vous pouvez ordonner à GMG d'enlever un cadre tous les deux cadres pour ramener l'animation à 10 cadres seulement. Cette fonction est particulièrement utile pour les animations créées à partir d'un vidéo numérique.
|
En règle générale, il faut essayer de restreindre les dimensions d'une animation GIF au strict minimum nécessaire. Par exemple, notre animation du vaisseau spatial est maintenant excessivement grande depuis que nous avons supprimé le dernier cadre. Il n'y a aucun mouvement dans une grande partie du bas de l'animation, et nous pouvons donc réduire un peu la taille du fichier de l'animation en rognant cette portion sur tous les cadres.
Pour ce faire, sélectionnez le cadre dont l'image se prolonge le plus vers le bas (il s'agissait du cadre 3). Maintenant, choisissez Rogner dans le menu Animation. Pour rogner l'animation, vous glissez simplement les poignées de la marquise dans la fenêtre d'aperçu à la position à laquelle vous voulez rogner le cadre. Pour rogner l'animation, cliquez sur la poignée centrale inférieure et glissez-la jusqu'à ce que la hauteur soit d'environ 150 pixels. GIF Movie Gear vous permet aussi de rogner numériquement et d'afficher un aperçu des résultats avant le recadrage. Cliquez sur OK. Le fait de rogner l'animation devrait réduire sa taille à 4 733 octets.
|
La réduction des dimensions d'une animation constitue une façon évidente de réduire la taille de son fichier. GIF Movie Gear vous permet de redimensionner l'animation avec l'option Redimensionner offerte dans le menu Animation. Vous pouvez redimensionner les animations en fonction des dimensions en nombre de pixels ou en pourcentage. Une option «Conserver le rapport d'aspect» permet d'éviter que l'animation ne soit déformée. Le redimensionnement des animations peut nuire à l'optimisation par réduction de palette et transparence intercadres; il vaut donc généralement mieux redimensionner l'animation avant d'optimiser la palette ou la transparence intercadres de l'animation. En réduisant les dimensions de l'animation du vaisseau spatial de 80% après l'avoir rogné, on obtient un fichier de 3 551 octets.
|
Bien que l'entrelacement soit quelque peu utile pour les images GIF statiques, il n'est pas pertinent dans les animations GIF parce que les cadres de l'animation GIF ne sont généralement affichés que brièvement. L'entrelacement a même pour effet de ralentir les animations GIF et d'augmenter généralement légèrement, quoique pas toujours, la taille d'un fichier d'animation GIF. Par exemple, le fait de supprimer la transparence de la version rognée et redimensionnée de l'animation en exemple ajoute en fait cinq octets à la taille de l'animation. Cependant, en supprimant l'entrelacement de l'animation avant de la redimensionner, on réduit la taille du fichier de 10 octets. Dans tous les cas, il vaut presque toujours mieux supprimer l'entrelacement puisque, à tout le moins, l'animation ne sera plus ralentie inutilement par l'entrelacement lorsqu'elle est exécutée. Pour supprimer rapidement l'entrelacement de tous les cadres à la fois, sélectionnez la fonction Propriétés globales dans le menu Cadre et désélectionnez la case à cocher Entrelacé. Tous les changements effectués dans ce dialogue auront un impact sur tous les cadres de l'animation.
|
|
|
|
| |
Optimisation des animations
