APNG (Animated Portable Network Graphics) : bases et tutoriel

Bien que l’APNG ne compte pas comme une extension PNG of­fi­cielle, il est rétro com­pa­tible avec le format de base. Un programme d’ap­pli­ca­tion qui prend en charge PNG (mais pas APNG) est tout de même capable de lire un fichier APNG. Mais dans ce type de cas, seule une image et non l’animation complète peut être vue.

D’un point de vue technique, le flux de données APNG cor­res­pond largement au flux de données PNG standard dont la structure se trouve dans la spé­ci­fi­ca­tion of­fi­cielle sur les formats d’image. Cependant, le format Animated Portable Network Graphics comprend trois autres types de blocs d’in­for­ma­tions (chunks) qui décrivent l’animation et four­nis­sent des données d’image sup­plé­men­taires :

• Animation Control Chunk (acTL) : ce bloc informe le parser (analyseur syn­taxique) qu’il s’agit d’un PNG animé. Il indique le nombre d’images qui composent l’animation et décrit également la fréquence à laquelle l’animation doit être lue avant de s’arrêter.
• Frame Control Chunk (fcTL) : le Frame Control Chunk précède chaque image contenue dans l’animation APNG. Il contient un certain nombre d’in­for­ma­tions, dont la plus im­por­tante concerne le temps d’affichage de l’image.
• Frame Data Chunk (fdAT) : les Frame Data Chunks sont struc­tu­rel­le­ment équi­va­lents aux blocs de données d’image PNG standard (IDAT), mais sont en outre marqués d’un numéro de séquence. Le numéro cor­res­pon­dant est également attribué au­to­ma­ti­que­ment au bloc fcTL précédent, de sorte que les dif­fé­rents frames puissent être remis dans le bon ordre à tout moment.

Vous pouvez utiliser l’outil en ligne de commande APNG Assembler sous licence MIT et zlib sur toutes les pla­te­formes courantes. Les uti­li­sa­teurs de Windows disposent même d’une interface uti­li­sa­teur graphique qui peut être té­lé­char­gée gra­tui­te­ment à partir de la page of­fi­cielle du projet. Si vous utilisez cette pos­si­bi­lité, démarrez l’outil en double-cliquant sur le fichier « apngasm_gui ».

Pour créer vos propres APNG, vous avez besoin d’images au format PNG : le logiciel ne propose pas de fonctions de con­ver­sion d’images, d’ani­ma­tions ou même de vidéos dans d’autres formats tels que JPEG, GIF ou MPEG. Une fois que vous avez les images que vous souhaitez insérer prêtes, il vous suffit de les glisser-déposer dans le champ « Input files » :

Une fois que vous avez ajouté toutes les images PNG que vous voulez inclure dans l’animation, vous pouvez spécifier la con­fi­gu­ra­tion de cette animation en utilisant les options ci-dessous :

• Playback Settings : dans les options de lecture, vous pouvez définir le nombre de ré­pé­ti­tion de l’animation (sans li­mi­ta­tion par défaut). Pour ce faire, il suffit de décocher la case « Play in­de­fi­ni­tely » et d’entrer le nombre souhaité. Vous pouvez également sé­lec­tion­ner l’option « Skip the first frame » si vous voulez que la première image de l’animation soit sautée.
• Com­pres­sion Settings : Avec zlib, 7zip et Zopfli, APNG Assembler fournit trois al­go­rithmes dif­fé­rents pour com­pres­ser l’animation. Dans les com­pres­sions settings, vous pouvez sé­lec­tion­ner l’un de ces al­go­rithmes. Vous pouvez également activer ou dé­sac­ti­ver l’op­ti­mi­sa­tion de la palette de couleurs et des types de couleurs dans ces con­fi­gu­ra­tions.
• Delays – All Frames/Selected Frames : Sous « Delays », vous pouvez régler l’in­ter­valle de temps entre les dif­fé­rentes images de l’animation. Vous pouvez effectuer un réglage général pour toutes les images ou régler l’écart image par image.

Une fois que vous avez effectué les réglages souhaités, créez le fichier APNG en cliquant sur « Make Animated PNG ». Vous pouvez ensuite vi­sua­li­ser le résultat avec n’importe quel programme de lecture qui prend en charge le format, par exemple avec votre na­vi­ga­teur.

L’Animated PNG Maker du site ezgif.com est en partie basé sur la ligne de commande et l’outil APNG Assembler présentés pré­cé­dem­ment. Par con­sé­quent, il fonc­tionne de manière très similaire, même si vous ne pouvez pas démarrer le service di­rec­te­ment, mais devez l’appeler avec le na­vi­ga­teur de votre choix. Dans un premier temps, vous ajoutez les fichiers d’image souhaités dans l’outil. Con­trai­re­ment à APNG Assembler, vous n’êtes pas limité au format PNG : Le service Web vous permet également d’im­plé­men­ter des images au format JPG, WebP ou GIF. Cliquez sim­ple­ment sur « Parcourir » (ou « Choose File » en anglais), sé­lec­tion­nez les fichiers de votre choix et cliquez sur « Upload! ».

En utilisant les pa­ra­mètres connus d’APNG Assembler (Delay, Playback et Com­pres­sion), vous dé­fi­nis­sez ensuite la con­fi­gu­ra­tion de base de votre animation. En cliquant sur « Make APNG! », votre APNG est enfin créé et vous pouvez l’en­re­gis­trer lo­ca­le­ment.

Il n’est pas toujours possible d’assembler une nouvelle animation à partir d’un fichier d’image. Et pourtant, il n’est pas rare d’avoir un petit clip vidéo que l’on veut convertir en animation APNG. Vous pouvez vous rendre dans l’onglet « Video to APNG » de ezgif.com pour té­lé­char­ger des fichiers vidéo jusqu’à 120 mé­gaoc­tets et les convertir ensuite en animation APNG. Les formats pris en charge sont MP4, WEbM, AVI, MPEG, FLV, MOV et 3GP.

Le site propose également de convertir les ani­ma­tions GIF en PNG animé avec « GIF to APNG ». Avec cet outil, vous pouvez en­re­gis­trer jusqu’à 35 mé­gaoc­tets de GIF sur votre disque dur dans le format d’animation visé. Vous pouvez aussi convertir les GIF de pla­te­formes comme Giphy en entrant leur URL dans la ligne « OR paste image url » et en cliquant sur « Upload! » Dans les deux cas, lancez le processus de con­ver­sion en cliquant sur « Convert to APNG! » après le té­lé­char­ge­ment. Avant cela, vous pouvez ajuster et optimiser l’original de plusieurs façons, par exemple en modifiant la vitesse de lecture, en ajoutant du texte et des effets ou en utilisant d’autres méthodes de com­pres­sion.