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:

loading_16

APNG sobre fondo blanco:

GIF sobre fondo rojo:

GIF

APNG sobre fondo rojo

APNG

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:

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:

  1. APNG Assembler, herramienta online que como explicaba antes anima varios png en un zip
  2. APNG Edit extension, una extensión para Firefox de Justin Dolske
  3. Jtvmaker: generador gratuito de slideshow en Java
  4. GIF Movie Gear (demo 30 dí­as)
  5. Animated PNG Writer para ImageJ
  6. GifToAPNG Converter Convierte GIFs animados a APNG
  7. japng – “Java APNG”

Documentación:

  1. Better animations in Firefox 3
  2. http://www.animatedpng.com Sitio Oficial del proyecto APNG
  3. Especificación del formato APNG
  4. Wikipedia: APNG (inglés) | APNG (Español)
  5. 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

Autor: Cristian Eslava

Trabajo como autónomo desde comienzos de siglo. Soy blogger, diseñador y formador, no necesariamente en ese orden. Si necesitas servicios de diseño, formación o publicidad contáctame, estaré encantado de colaborar.

Más sobre mi en "Mis confesiones"

7 comentarios

  1. Xabinator dice:

    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!

  2. ceslava dice:

    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.

  3. Pongo mi granito de arena para su estandarización ^^…

  4. luis alejandro cv dice:

    genial creo que no se dio ese estandar pero fue gran idea

Trackbacks/Pingbacks

Tu comentario