Le monde de l’infographie 2D offre deux systèmes de stockage et d’affichage d’images : images bitmap (techniquement appelées graphiques au format raster) et des graphiques vectoriels.
Les programmes informatiques stockent les images bitmap comme des ensembles de pixels, identifiés par couleur et position. Le terme graphiques bitmap ne fait pas uniquement référence aux fichiers portant l’extension Windows Bitmap (.BMP) ; il se réfère à toutes les images stockées au format bitmap, y compris .GIF, .JPG, .TIFF et .PNG.
L’avantage des graphiques bitmap, c’est qu’ils vous permettent de créer des détails ultra réalistes avec des couleurs complexes, des dégradés et des nuances subtiles. En revanche, les images bitmap non compressées prennent généralement une énorme quantité d’espace disque et ne sont pas particulièrement évolutives. Par exemple, supposons que vous possédez une image bitmap d’une voiture et que vous demandez à un programme d’augmenter la taille de 500 pour cent.
Puisque le programme doit créer de nouveaux pixels pour agrandir l’image, il duplique les pixels (points colorés) déjà présents dans l’image. Le résultat n’est pas toujours du plus bel effet. L’image entière est susceptible d’apparaître floue. Les bords incurvés peuvent devenir polyédriques et pixélisés.
Les ordinateurs stockent des images vectorielles comme une pile de formules. Par rapport à des graphiques au format raster, les images vectorielles sont de dimensions relativement modestes et sont évolutives. En d’autres termes, si vous dessinez une petite voiture et que vous décidez de la redimensionner suivant un facteur de 500 pour cent, votre dessin à l’échelle présentera toujours des détails précis et plaisants.
Les forces et les faiblesses de chaque format sont importantes lorsque vous travaillez sur des images. Le format bitmap est préférable pour obtenir des images photo-réalistes avec beaucoup de couleurs et de nuances. Les images vectorielles sont préférables pour les dessins au trait, les graphiques, les diagrammes et les images que vous allez mettre à l’échelle suivant différentes tailles. Animate peut importer quatre types de fichiers graphiques : JPG, GIF, PNG et SVG — cependant, quelques pièges pourraient vous surprendre.
Les fichiers JPG, également connus sous le nom de fichiers JPEG, sont un format bitmap répandu, utilisé sur le Web et par de nombreux appareils photo. Le format a été développé par le Joint Photographic Experts Group, d’où l’acronyme correspondant. Les fichiers JPEG utilisent ce qui est connu comme une compression technique pour créer des fichiers moins volumineux. Les éditeurs d’images qui travaillent habituellement avec des fichiers JPEG permettent de choisir le degré de compression. Si votre image doit seulement être visualisée sur un écran, vous pouvez augmenter la compression. Si elle est destinée à une imprimante photo et que vous souhaitez l’imprimer au format Affiche, vous aurez besoin de tous ces pixels.
Les fichiers GIF ont été développés par CompuServe, un des premiers services en ligne. L’acronyme vient de Graphic Interchange Format (format d’échange graphique). La popularité des fichiers GIF semble s’effacer face aux fichiers JPEG et PNG, mais vous les trouverez toujours sur de nombreux sites. Les fichiers GIF sont des images bitmap stockées avec une technique de compression sans perte, mais utilisent une palette limitée de couleurs. Le résultat, c’est qu’une image comportant de grands pans de couleurs pleines, comme un logo de société ou un graphique à barres, pourrait aboutir à un fichier de très petite taille. En revanche, il n’est pas possible de compresser aussi bien une image photo et l’aspect final peut ne être aussi satisfaisant au format GIF que, disons, au format JPEG en raison du nombre limité de couleurs. Les fichiers GIF proposent quelques astuces utiles. Vous pouvez créer des fichiers GIF animés à l’aide d’une animation image par image simple. Des programmes comme Adobe Fireworks et
Flash simplifient le processus. Les fichiers GIF permettent également de désigner des parties de l’image comme transparentes. C’est idéal si vous placez une forme irrégulière, comme un caractère animé, sur un arrière-plan déjà développé, comme l’intérieur d’une pièce.
Les fichiers PNG ont été développés à une époque où il existait des questions relatives à des brevets concernant le format GIF. Prononcée « ping », cette abréviation signifie Portable Network Graphics. Le format PNG a été conçu pour être utilisé sur le Web (par opposition aux images destinées à l’impression) et pour améliorer des caractéristiques déjà populaires dans les formats GIF. Les fichiers PNG utilisent une technique de compression sans perte, fournissent une plus grande palette de couleurs, et peuvent afficher des séquences animées et inclure un mode de transparence au sein de l’image. Les fichiers PNG sont correctement pris en charge parmi les navigateurs Web modernes, mais il existe encore probablement des navigateurs plus anciens qui ne traitent pas ce format. Le format PNG fonctionne bien avec Animate, en partie parce que tous deux ont été développés avec le Web à l’esprit. Les fichiers SVG sont vectoriels. Le nom signifie Scalable Vector Graphics. Cela signifie qu’au lieu d’enregistrer la carte d’une image pixel par pixel, les fichiers SVG contiennent des formules qui décrivent les lignes, courbes, formes et autres détails d’une image. Tous les navigateurs Web modernes prennent en charge le format SVG, mais la prise en charge par des navigateurs plus anciens est variable.
Si vous redimensionnez une image SVG lorsque vous travaillez dans Animate, il est vraisemblable qu’elle commence à avoir un aspect pixélisé — cette apparence de marches d’escalier que vous obtenez lors de l’agrandissement de fichiers graphiques. Lors de l’affichage de cette image modifiée dans un navigateur, sa pixellisation est visible. Il est intéressant de noter que si vous ne modifiez pas l’image au sein d’Animate, elle est redimensionnée avec élégance dans une fenêtre de navigateur, lorsqu’elle est agrandie ou réduite.