Tutoriels multimédias - Images GIF

GIF est l'un des principaux formats d'images utilisés sur le Web.

Cet article explique en détail les caractéristiques et les techniques d'utilisation des images GIF.

Comprendre les formats d'images

Ni HTML ni XHTML n'ont défini de format officiel pour les images. Cependant, les navigateurs populaires ont spécifié certains formats d'images : généralement GIF et JPEG. La plupart des formats multimédias nécessitent des applications d'assistance spéciales, et chaque utilisateur de navigateur doit obtenir, installer et utiliser correctement ces applications pour pouvoir voir ou entendre ces fichiers spéciaux. C'est pourquoi GIF et JPEG sont devenus des normes réelles sur le Web, ce qui n'est pas surprenant.

Avant l'apparition du Web, ces deux formats d'images étaient déjà largement utilisés, donc il y avait beaucoup de logiciels de support pour nous aider à créer des images dans ces deux formats. Cependant, chacun de ces formats a ses avantages et ses inconvénients, et certains navigateurs en utilisent les caractéristiques pour réaliser des effets d'affichage spéciaux.

GIF

Le format GIF désigne le format d'échange d'images (Graphics Interchange Format, GIF), qui a été développé initialement par CompuServe pour transmettre des images à ses utilisateurs de services en ligne.

Caractéristiques du format GIF

Le format GIF possède de nombreuses caractéristiques, c'est pourquoi il est très répandu dans HTML/XHTML.

Tout d'abord, sa technologie de codage peut être utilisée sur de nombreux plateformes. Par conséquent, en utilisant correctement un logiciel de décodage GIF (la plupart des navigateurs contiennent ce type de logiciel), il est possible de créer et de composer des images de fichiers GIF sur Macintosh, et de les charger, décoder et visualiser sans difficulté sur un PC basé sur Windows.

La deuxième caractéristique du format GIF est qu'il utilise une technique de compression spéciale qui peut réduire considérablement la taille des fichiers d'images, permettant ainsi une transmission plus rapide sur le réseau. La compression GIF est une compression

En outre, les images GIF sont très faciles à réaliser des effets d'animation.

Les versions et les couleurs du format GIF

Bien que les fichiers d'images GIF utilisent tous l'extension .gif (ou .GIF) comme suffixe de nom de fichier, il existe deux versions de GIF : l'original GIF87 et GIF89a, qui supporte de nombreuses nouvelles fonctionnalités, y compris les arrière-plans transparents, le stockage croisé et l'animation, ces fonctionnalités sont très couramment utilisées par les créateurs Web.

Les navigateurs populaires actuels supportent ces deux formats GIF, qui sont tous deux basés sur le même principe pour mapper les valeurs de pixels de 8 bits à une table de couleurs, de sorte que chaque image peut avoir jusqu'à 256 couleurs.

Le nombre réel de couleurs de la plupart des images GIF est inférieur, et certains outils spéciaux (comme Macromedia Fireworks) peuvent simplifier ces couleurs dans des images plus fines. En simplifiant les couleurs, on peut créer des images de couleurs plus petites et renforcer la redondance des pixels pour compresser davantage le fichier, accélérer le téléchargement.

Cependant, en raison du nombre limité de couleurs, les images codées en GIF ne sont pas toujours appropriées, en particulier pour les images avec un effet de photographie réaliste. GIF peut être utilisé pour créer des icônes et des images avec peu de couleurs et des dessins.

Même les créateurs les plus exigeants choisissent GIF

Comme la plupart des navigateurs graphiques supportent explicitement le format GIF, il est maintenant le format de codage d'image le plus largement accepté sur le Web. Les images en ligne et les images liées en externe peuvent utiliser ce format. Si vous hésitez à choisir un format d'image, l'utilisation de GIF est certainement la bonne décision. Il fonctionne presque toujours dans toutes les situations.

Les techniques des images GIF

Les images GIF ont trois techniques spéciales : la lecture interlignée (interlacing), la transparence (transparency) et l'animation (animation).

Lecture interlignée

En utilisant une lecture interlignée, les images GIF peuvent apparaître sur l'écran en un seul coup, au lieu de s'afficher progressivement du haut vers le bas. En règle générale, les images codées en GIF sont une séquence d'octets de pixels disposés en ordre du haut vers le bas, ligne par ligne. Par conséquent, une image GIF ordinaire s'affiche sur l'écran comme si on ouvrait soudainement une rideau, tandis qu'une image GIF avec lecture interlignée s'affiche comme si on relevait des persiennes. Cela est dû au fait que la séquence des octets de pixels est intercalée toutes les 4 lignes. L'utilisateur n'a besoin que de la moitié du temps pour télécharger et afficher l'image entière pour voir une image complète du haut vers le bas, bien que floue. Cette image qui n'a été complétée que à un quart est généralement suffisamment claire pour que les utilisateurs avec une connexion Internet lente puissent juger s'il est nécessaire de télécharger le reste de l'image.

Bien que tous les navigateurs graphiques puissent afficher des images GIF avec un scan interlissé, ce ne sont pas tous les navigateurs qui peuvent afficher un effet de clarté progressive. Même ceux qui peuvent le faire, les utilisateurs peuvent choisir de l'ignorer en affichant l'image après qu'elle ait été complètement téléchargée et décodée. Les navigateurs anciens affichent toujours l'image après qu'elle ait été complètement téléchargée et décodée, donc ils ne supportent pas cet effet.

Transparence

Un autre effet commun des images GIF (en fait des images au format GIF89a) est qu'elles peuvent rendre une partie de l'image transparente, permettant ainsi que le contenu sous l'image (généralement le fond de fenêtre du navigateur) soit visible à travers la partie transparente. Les images GIF transparentes utilisent une couleur spéciale dans leur carte de couleurs pour le fond, permettant ainsi que le fond de la fenêtre d'affichage passe à travers. En coupant soigneusement la taille de l'image et en choisissant une couleur de fond proche d'une couleur pure, les images transparentes peuvent être créées pour sembler complètement intégrées dans la page web ou flottantes au-dessus.

Les images GIF transparentes conviennent à tout le monde qui souhaite intégrer une image dans un document sans qu'elle ne semble comme une boîte. Les icônes transparentes GIF sont très courantes, comme les icônes ou les symboles d'impression - toute image ayant une forme naturelle peut utiliser cet effet. Il est également possible d'insérer une image en ligne transparente dans un texte traditionnel pour afficher des caractères symboliques spéciaux.

Un mauvais point du effet de transparence des images GIF est qu'il paraît très mal si on l'inclut dans un lien hypertexte (balise <a>) sans supprimer son cadre, ou si on l'encadre spécialement avec un cadre. De plus, le contenu autour de la bordure rectangulaire de l'image sera affiché, au lieu de se rapprocher de la bordure opaque de l'image. Le résultat est que l'image est inutilement isolée, ou que la page web paraît très étrange.

Animation

La troisième particularité unique du format d'image GIF89a est qu'il peut réaliser une animation simple par frame. En utilisant des outils logiciels spéciaux pour l'animation GIF, une série d'images GIF peut être placée dans un fichier GIF89a unique. Le navigateur affichera les images une après l'autre, comme les albums animés que nous avons joués (et même dessinés) pendant notre enfance, produisant un effet d'animation par des pages tournées rapidement. Dans le fichier GIF, chaque image est séparée par une section de contrôle spéciale, qui peut être utilisée pour définir le nombre de fois que le navigateur affichera l'ensemble de la séquence (en boucle), le temps de pause entre deux images, et si l'image doit être effacée de l'espace de fond avant l'affichage de la prochaine image, etc. En combinant ces caractéristiques avec celles habituellement rencontrées dans les GIF (y compris les tables de couleurs séparées, la transparence, le scan interlissé, etc.), il est possible de créer des images très attrayantes et très raffinées.

Pourquoi les animations GIF simples ont un effet puissant, une autre raison importante : il n'est pas nécessaire d'écrire un programme spécialement pour un document HTML pour obtenir un effet d'animation. Mais il a aussi un défaut très important, c'est qu'il est limité à des graphiques très petits, comme la taille d'un icône, ou à une très petite bande dans la fenêtre du navigateur : même si vous êtes très prudent et que vous ne répêtez pas les parties statiques dans les unités d'animation continues, les animations GIF peuvent très facilement devenir très grandes. De cette manière, si le document contient plusieurs animations, le temps de téléchargement de ces images peut très bien être très désagréable pour l'utilisateur. Si il y a une caractéristique qui mérite d'être traitée avec beaucoup de soin et de précaution pour éviter son abus, c'est l'animation GIF.

Résumé

Les techniques spéciales de GIF, telles que le balayage par lignes alternées, la transparence et l'animation, ne peuvent pas être obtenues sans effort. Elles nécessitent un logiciel spécial pour préparer ces fichiers GIF. De nombreux logiciels d'image peuvent maintenant enregistrer les images créées par l'utilisateur ou obtenues à partir de l'extérieur sous forme de fichiers GIF, et la plupart d'entre eux supportent l'effet de transparence, et peuvent également réaliser l'effet de balayage par lignes alternées des fichiers GIF. Il existe également de nombreuses logiciels gratuits ou gratuits spécialement conçus pour ces besoins, y compris des programmes logiciels pour créer des animations GIF.