PNG animados: APNG, el sustituto del Gif animado
Estaba claro que al formato PNG le faltaba la posibilidad de animarlo y así sustituir al caduco GIF animado de sólo 256 colores. Con el lanzamiento de Firefox 3 seguro que este formato va a dar que hablar.
Características
Animated Portable Network Graphics (APNG) es el formato no oficial animado de PNG, soporta 24bits y 8bits de profuncidad de color y transparencia parcial de píxeles que logran una mejor fusión con el fondo.
A favor del GIF debemos decir que es soportado por cualquier navegador y que pesa bastante menos que un APNG.
APNG vs. GIF animado
Comparemos la típica spinning wheel común en Ajax en ambos formatos sobre un fondo blanco y un fondo rojo:
GIF sobre fondo blanco:
APNG sobre fondo blanco:
GIF sobre fondo rojo:
APNG sobre fondo rojo
Historia
El proyecto APNG iniciado por Stuart Parmenter y Vladimir Vukicevic de Mozilla en 2004 aunque en abril de 2007 fue rechazado por el grupo PNG. En 2007 se creó el proyecto de código abierto APNG con la colaboración de Andrew Smith uno de sus desarrolladores.
Compatibilidad
Aún siendo un formato no oficial asociado a PNG cada vez va consiguiendo más adeptos que ya soportan el formato APNG, de los cuales el útimo es Firefox 3.
Para ver estos ejemplos “animados” deberás usar:
- Mozilla Firefox 3
- Opera 9.5
- Imagine (visor freeware para Windows)
- KSquirrel 0.7.2 (Linux)
- XNview 1.92 (visor multimedia)
Ejemplo
Un ejemplo tomado de animatedpng.com. Creado con la app web, Assembler, simplemente pones en un zip varios png y lo obtienes animado (pesa 600KB), Firefox 3 también lo muestra animado como favicon.
Herramientas de autor:
- APNG Assembler, herramienta online que como explicaba antes anima varios png en un zip
- APNG Edit extension, una extensión para Firefox de Justin Dolske
- Jtvmaker: generador gratuito de slideshow en Java
- GIF Movie Gear (demo 30 días)
- Animated PNG Writer para ImageJ
- GifToAPNG Converter Convierte GIFs animados a APNG
- japng – “Java APNG”
Documentación:
- Better animations in Firefox 3
- http://www.animatedpng.com Sitio Oficial del proyecto APNG
- Especificación del formato APNG
- Wikipedia: APNG (inglés) | APNG (Español)
- MNG: Otro formato de imágenes animadas relacionado con PNG. Wikipedia Wikipedia | Sitio oficial
Vía: New animated Web graphic format > Un “nuevo” formato gráfico para animaciones y no es GIF
A ver cuando conseguimos que esto se estandarice, la tendencia a que la banda ancha de internet sea mas amplia y las computadoras/ordenadores sean cada vez mas potentes, amerita a que el APNG se vuelva un standard, dejando de lado al caduco gif animado, y es que cantidad de veces tengo que hacer malabarismos para que al diseñar algun archivo animado (que no sea en flash) en un fondo neutro un gif animado no le aparezcan los molestos pixeles blancos, parece que con el APNG, se podrian poner pixeles con ciertas transparencias, MARAVILLOSO, lo que estaba buscando!!. Podria sustituir a animaciones cortas en Flash!! Con la consiguiente molestia al usuario de tener que bajarse el flash plugin de rigor
,….fijate que puse -sin saber que existiera- PNG animated y al final encontre este blog!
Salu2 desde Venezuela!
Hola Xabinator,
Tienes toda la razón, si fuera un estándar enterraríamos al GIF. Me temo que estos procesos son lentos, la tecnología va mucho más rápido que la estandarización en los navegadores que responden a intereses comerciales.
Un saludo.