GIF-Animationen (Graphic Interchange Format) gibt es schon so lange wie das Internet. Im Gegensatz zum eher unbekannten und relativ neuen Format „APNG“ (Animated Portable Network Graphics) sind sie leider auf 256 Farben beschränkt und bieten daher leider keine „echte“ Transparenz wie 32bit-PNGs.

Will man eine GIF-Animation auf ein Hintergrundfoto setzen, gerät man schnell an die Grenzen der 256 Farben — die Ränder der GIF-Animationen sehen „ausgefranst“ aus, wenn man sie nicht gerade für diesen Hintergrund optimiert hat. Ändert man das Hintergrundfoto, muss man auch die GIF-Animation ändern.

Beispiel:

Ein für die Hintergrundfarbe Schwarz optimierter Loader sieht auf Schwarz super aus…

…während sich der gleiche Loader auf einem weißen Hintergrund weniger schön präsentiert.

Das könnte mit APNG bald ein Ende haben. Tools, mit denen man ANPGs erzeugen kann, habe ich am Ende dieses Artikels aufgelistet. Am besten gefiel mir die Erweiterung „APNG Edit 1.4“ für Firefox.

Aber was wäre die schöne neue Internetwelt, wenn es nicht doch noch einen Haken gäbe: Möglich sind APNG-Animationen zwar jetzt schon, aber sie werden (noch) nicht von allen Browsern unterstützt. Einen Browserchart dazu gibt es hier.

Ein APNG-Beispiel auf verschiedenen Hintergründen:

(Funktioniert natürlich nicht im IE!)

Weiterführende Links:

https://wiki.mozilla.org/APNG_Specification
http://newstop.googlepages.com/tga2apng
http://www.littlesvr.ca/apng
http://animatedpng.com/index.php/assembler
https://addons.mozilla.org/en-US/firefox/addon/5519
https://addons.mozilla.org/en-US/firefox/addon/9820

Viel Spaß beim Erzeugen randloser Animationen!

Keywords: APNG, GIF

This entry was posted on Sonntag, Februar 15th, 2009 at 15:38 and is filed under Webdesign. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.