Le format d'image apng est relativement nouveau. Il n'est pas supporté encore dans tous les navigateurs. Afin de voir une image animée au format .png dans le navigateur, je vous suggère d'utiliser le navigateur FIREFOX ou le navigateur ICEWEASEL. Vous pouvez également utiliser GOOGLE-CHROME en installant l'extension disponible ici.
L'image ci-dessous est une image apng, si vous voyez l'animation, alors votre navigateur supporte cette technologie.
Source de l'image : http://littlesvr.ca/apng/svg2png/
"APNG (Animated Portable Network Graphics) est une extension non officielle du format PNG, un format d’images numériques ouvert.
Le format APNG est spécialement conçu pour faire des animations graphiques pour le web.
Il se positionne en concurrence avec le format de fichier d’images GIF (Graphics Interchange Format)
et plus particulièrement ce que l’on appelle couramment le GIF animé.
...
Le PNG a été créé par le W3C pour remplacer le GIF. Outre le fait que le GIF utilisait plusieurs brevets informatiques
(le dernier brevet sur le GIF a expiré le 11 août 2006),
ce format avait aussi des limitations techniques : 256 couleurs dont une peut être transparente, pas de canal alpha."
Consultez au besoin le guide d'utilisation disponible sur le site
Créez chacune des images de votre animation de même dimension et nommez chacune des images de la façon suivante : frame01.png, frame02.png, frame03.png, etc.
Utilisez au besoin cette commande afin de redimensionner vos images à une même dimension
mogrify -resize 320x240! *.png
Utilisez maintenant la commande suivante dans le terminal, à partir du répertoire contenant l'application apngasm pour créer votre image animée au format .png
./apngasm animation.png frame*.png Voici la liste des options disponibles :
1 10: vitesse de l'animation 1/10 sec. par image (par défaut)
-l2: 2 boucles (loop)(valeur par défaut est 0, pour toujours)
-f: sauter la première image
-kp: garder la palette d'origine, ne pas optimiser.
-kc: garder le PNG type de couleur d'origine, ne pas optimiser.
-z0: compression zlib
-z1: compression 7zip (par défaut)
-z2: compression Zöpfli
-i # #: nombre d'itérations (par défaut-i15) pour 7zip et Zöpfli
Téléchargez cette image animation.png dans votre espace de téléchargement
Ajoutez une page à votre portfolio en affichant l'assistant HTML ainsi que la directive 115387
Inscrivez dans le champ titre : Création d'une image animée au format apng
Sélectionnez la section : MODULE ANIMATION
Sélectionnez la matière : informatique
Inscrivez dans le champ no de la directive : 115387
Inscrivez dans votre page le titre de niveau 1 : Création d'une image animée au format apng
Insérez votre IMAGE animation.png
Visualisez votre page et apportez des modifications au besoin.
