Migrando de formato GIF a PNG
Ambos formatos son ideales para usar en la web, debido a que pueden reducir tamaño, colores y no reducen sustanciales artificios como los que genera el formato JPG.
Para empezar vamos a hablar de licencias. El formato gif es propiedad de Unisys, esto significa que tiene una patente con restricciones de uso y que este propietario puede fijar reglas y decidir cuando cambiarlas, de hecho en 1995 Unisys permitía la utilización de GIFs sólo a fines no comerciales.
En ese año en que Unisys anuncia que haría cumplir su patente sobre el algoritmo LZW usado en el formato GIF surge la necesidad de contar con otro formato, lugar que ocuparía PNG (portable network graphics), el cual no tiene restricciones de patentes y está recomendado por el W3C .
El formato PNG se abriría paso en la web con mayor penetración de uso en 1999 cuando Unisys puso fin a su política de licencias de patente libre de royalties para los desarrolladores de software libre o no comercial.
Cuadro cronológico de especificaciones de PNG:
1 de julio de 1996: Especificación de la versión 1.0 de PNG fue liberada y después apareció como RFC 2083.
1 de octubre de 1996: Rápidamente se convirtió en una recomendación W3C
31 de diciembre de 1998: Liberada Versión 1.1 con algunos pequeños cambios y con 3 nuevas extensiones o "chunks"
1 de agosto de 1999: Versión 1.2. Nueva extensión. Nueva versión, ligeramente diferente de la anterior y con una nueva extensión. Actualmente PNG es un estándar internacional (ISO/IEC 15948:2003), también recomendado por la W3C el 10 de noviembre de 2003.
Detalles del formato:
Tanto GIF como PNG son formatos lossless (no pierden calidad), son ideales para ser usado en la web debido a que pueden reducir tamaño, reducir colores y no producir sustanciales artificios como los que genera por ejemplo el formato JPG. Una ventaja importante de PNG sobre GIF es que no está limitado a 256 colores y puede reproducir color verdadero de 16,7 millones de colores. Esta característica es muy interesante porque nos permitiría también sustituir el formato JPG.
Resulta evidente que el objetivo del formato PNG es el de proporcionar compresión de imágenes sin pérdida para cualquier tipo de imagen, ya sean de colores indexados como GIF o de colores reales como JPG. Sin embargo PNG no soporta animación como si lo soporta el formato GIF.
En el caso de PNG se han creado para animación el formato MNG que no logró gran penetración quizás entre otras cosas por encontrarse con la competencia difícil de superar de un producto que ganara auge progresivo como lo es el formato SWF Flash, el cual trabajando principalmente con gráficos vectoriales y potenciales herramientas de independencia de entorno, (puede crearse un sitio entero en flash y usarse en Web o soportes tales como CD y DVD), lograría deslumbrar rápidamente a internautas y desarrolladores.
Además el formato MNG no es soportado por algunos navegadores como Safari o mal soportado por otros tales como Firefox que requiere un plug-in que no siempre funciona como se espera. Cierto es también que la fuerza de las costumbres muchas veces hace elegir a desarrolladores de webs formatos como JPG o GIF, más cuando los productos comerciales de edición facilitan las cosas para su uso. Indudablemente un producto como Adobe Photoshop que no trae de fábrica un plug-in de perfomance satisfactoria para exportar a PNG favorece con o sin intención el uso de formatos como GIF o JPG.
Si el usuario se toma el trabajo de rastrear en la red un plug-in para la exportación a PNG puede lograr resultados más que interesantes pero es lógico que inicialmente la gran mayoría por facilidad o practicidad se inclinen por los formatos previstos por el programa editor. Es cierto que llegado el caso que los editores de webs nos pusierámos a conciencia a revisar las bondades técnicas del formato PNG y el carácter legal y social que supone su uso sería más elegido de lo que viene siendo elegido.
La especificación del formato PNG fue publicada oficialmente en octubre de 1996 por el World Wide Web Consortium .
Al igual que el resto de productos de este consorcio internacional, el PNG es una especificación de libre uso que no requiere pagar licencia de ningún tipo en aplicaciones que usen, creen o editen este tipo de imágenes.) Pero en la realidad no sucede que el formato de imágenes PNG sea el más usado y es probable que haya influido mucho su mala inserción en Internet Explorer que puede en ocasiones traer algunos dolores de cabeza a los diseñadores.
Volviendo a las características técnicas, el formato PNG conjuga un método de compresión “deflate algortihm” con 5 métodos de filtrado, “None”, “Up”, “Sub”, “Average” y “Paeth”. Básicamente esta combinación de métodos y filtros permite reducir el tamaño del archivo y la elección del mejor método de acuerdo a la imagen de origen y al tamaño de salida deseado. Por otra parte cuando en GIF se determina la transparencia asignando un color que no será usado, en PNG, existe la posibilidad de tener un canal alfa con el que puede lograr un tipo transparencia parcial.
Este último aspecto es muy importante porque cuando tenemos en GIF un color de transparencia en PNG podemos tener 256 niveles de transparencia, lo cual indudablemente resulta en una calidad gráfica superior y ajustes más adecuados a los requerimientos del diseño en el cuál se inserte el archivo PNG generado al final de proceso.
Si bien en la especificación oficial de PNG se nombra la profundidad de bits por canal, es muy común que los editores gráficos se remitan únicamente a la cantidad total de bits por pixel, es decir, la profundidad de color. El número de canales se relaciona con el tipo de imagen, es decir si es escala de grises o color real, a lo cual faltaría agregarle el canal alfa que en PNG es el canal de transparencia.
PNG permite las siguientes combinaciones: Escala de grises (1 canal), Escala de grises y canal alfa (2 canales), Canales rojo, verde y azul (RGB, 3 canales. También llamado color verdadero o Truecolor) y Canales rojo, verde, azul y alfa (RGB + alfa, 4 canales).
Resumiendo:
Migrar de GIF a PNG tiene algunas ventajas interesantes, de las cuales podemos destacar en principio una que es crucial quizás y se basa en su licencia de libre uso. Técnicamente hablando podemos destacar su compresión que en general arroja mejores resultados que GIF y la profundidad de millones de colores contra la limitación a color indexado de GIF.
Además el sistema de entrelazado (interlacing) que utiliza es más óptimo que con GIF. PNG puede brindarnos mejores resultados y mejor tasa de compresión si usamos el editor adecuado, sobretodo si tenemos en cuenta que el algoritmo de compresión puede encargarse de la adecuada elección del método que mayor reducción ofrezca siempre dependiendo de la imagen de entrada.
Sus mayores desventajas han sido sin dudas el no ser soportado y renderizado por versiones antiguas de algunos navegadores, no soportar animación y las fallas que se dan con algunos navegadores incluso los actuales que suelen mostrar variaciones de color no deseadas o como en el caso de Internet Explorer donde las trasparencias tipo alfa no se aprecian correctamente y donde nos vemos obligados a implementar en el código fuente de la página donde insertemos gráficos PNG con transparencias parches realizados en CSS o Javascript o aguardar que la versión 7 del navegador solucione estas discrepancias como se ha anunciado.
PNG no soporta animación, por lo cual para sustituir un gif animado tendremos que aludir al uso del formato animado de PNG (MNG) que algunos navegadores no soportan o no muestran bien. Resta entonces considerar si adherir o no al uso del formato PNG teniendo en cuenta sus ventajas y desventajas y como se ajusta a nuestro proyecto web.
el formato gif ya es libre: http://www.freesoftwaremagazine.com/node/1772
Hace poco se libero el formato gif (http://www.kriptopolis.org/los-gif-ya-son-libres) de todas formas no creo que esto sea una gran noticia ya que PNG es un formato mucho mejor y con mayor proyección de futuro
Sin duda una muy buena noticia el detalle de la liberación de la patente que tenía el formato .gif. Sin embargo, además de la patente también tenemos que darnos cuenta que este formato ha ido quedando en el pasado, dando paso al formato .png que aunque no es nada nuevo, lleva mucho tiempo puliendo sus estándares dentro de la W3C. Es interesante que aparte de ser un formato que funciona en los navegadores (Incluso el IE ha ido mejorando en su soporte) también sirve como base para aplicaciones como Fireworks que utilizan este formato para guardar sus archivos de trabajo con todos los layers y personalizaciones adecuadas.
Creo que hay que ir rompiendo la regla de .JPG para las fotos y .GIF para los botones y darla una oportunidad a este formato que cada día se ve mucho más en sitios que están apoyándose en los estándares y siguiendo las tendencias.
Quién es dueño del formato PNG?. Al parecer tiene una proyección futura muy favorable
el png desde luego que es mejor, y si el gif no hace mucho que fue liberado, con lo de mayor proyeccion a futuro es cierto pero siempre seguira siendo mas grande
// a herf=”http://masterdan.wordpress.com” //
En realidad no soy muy bueno en este tema, sin embargo, pienso que el formato jpg te ayuda a optimizar las fotografías, como es el caso de nuestro sitio de noticias, donde utilizamos esta extensión desde Photoshop, para comprimir los gráficos y que no sean pesados al momento de descargar la página o el sitio.
¿Alguien me podrían indicar cómo mejorar la compresión de fotos, sin que utilice jpg? Saludos desde méxico.
En realidad no soy muy bueno en este tema, sin embargo, pienso que el formato jpg te ayuda a optimizar las fotografías, como es el caso de nuestro sitio de noticias, donde utilizamos esta extensión desde Photoshop, para comprimir los gráficos y que no sean pesados al momento de descargar la página o el sitio.
¿Alguien me podrían indicar cómo mejorar la compresión de fotos, sin que utilice jpg? Saludos desde México.
La verdad es que a mi pareceer no vas a encontrar forma de mejorar el procesado que realiza el formato jpeg con las FOTOGRAFÍAS, pues aunque fue desarrollado hace ya mucho tiempo, se hizo con gran éxito. La mejor forma de optimizar es el estudio del formato jpeg, controlando los parametros de compresion se pueden conseguir resultados increibles. Recuerden que incluso el video toma este tipo de compresion (aunque en un sentido más amplio)
¡Gracias, Colegue!
Por favor podrías indicarnos cómo podemos manejar los parámetros de comprensión a que te refieres con respecto al manejo de jpeg.
Gracias.
Finalmente Microsoft a añadido soporte al formato PNG en su navegador IE 7.0. Más información aquí: http://msdn.microsoft.com/library/default.asp?url=/workshop/essentials/whatsnew/whatsnew_70_sdk.asp
Efectivamente éste formato no altera los colores de las imagenes, pero en mi caso personal no sé como comprimir éste tipo de archivos ya que algunos ocupa mas espacio de los normal. Si alguien sabe de alguna utileria que pueda reducir el tamaño de éstos archivos envienme un mensaje a [email protected]
La calidad y el espacio que ocupa el jpg supera ampliamente a esos formatos
Shilo compas. sacan de apuro la neta.
grasias al raton.
quero que me enseñen eso del formato png porfavor
el formato png es muy usado en las aplicaciones, y ejemplo el linux esta muy extendido… creo que formatos existen muchos hablamos de los mas comerciales… mas conocidos pero seguro hay algun formato escondido por alli que nadie usa y supera en creces a jpg… creo que el lado viene también por el nivel de procesos que necesita la máquina para mostrar una imagen.. bitmap es re pesado pero un micro muy pequeño puede mostrarlo…
Todo difiere de quien aya impuesto los formatos.. y creo que son el Micorsoft y Mozilla.. lo que fueron en su época Microsoft y Netscape.. con el Nescape y el Mosaic Renombrado. Nosotros solo podemos aceptar de buena manera.. lo que ellos decidan.
recuerden que la gente quiere ver YA las paginas y pagina lenta pagina que no se visita… yo he notado que en el explorador de mac que usa el motor WebKit es mas lento en ciertas paginas que los otros… cosa algo molesta.
[…] al respecto, pero sólo quiero dejar dos fuentes para mostrar de dónde saque eso, las fuentes son esta y esta. Published in Diseño, Internet Tags: banner, formatos, imagen, […]
putas mierdas putas
[…] Vía: maestrosdelweb […]
[…] entre el formato JPEG vrs BMP vrs PNG vrs GIF una de las conclusiones apunta a favor del formato .GIF y en segundo lugar el formato .PNG pero estoy segura que muchos no desprecian el .JPEG será […]
son todos una manga de putos…hijos de mil puta.. estos comentarios son una verga dura… dejen de entrar a las imundicias estas y vallan a travajar pajeros…
La verdad ahora en estos años 2010 ya todos los navegadores (I.E 8, Mozilla 4, Safari 4, Opera 10.9, Google Chro.. Nestcape ahora es FLOCK, Mxl 3D y mas…) aceptan casi todo tipo de extenciones para imagenes obvio nunca se va a poder descartar las antiguas por ejemplo el jpg (mas comun y bajo peso que incluso para editar videos son los mas recomnendados) jif (lo hace unico por imagenes animadas y el mng aun no se a podido desarrollar al maximo pero traera nuevas sorpresas) y el png (es de alta calidad, con mas colores, y pesado pero que bien se ven las imagenes y por lo general se ocupan para imagenes pequeñas como logotipos de empresas omarcas una alta definicion) CONCLUSION: cada uno tiene lo suyo. A esperar a los demas dentro de 5 años como van evolucionando las extensiones y eso si pasamos del 2012 jaja… SALUDOS FUTUROS CIBERNAUTAS del 2020
No todos, ArKoE.
Si vas a la página de demostracion del PNG (http://www-archive.mozilla.org/start/1.0/demos/eagle-sun.html)
vas a ver que en el IE8 (o la versión que sea) la imagen no se comporta como es debido. Si visitas la página con cualquier navegador, vas a ver que cuando mueves al águila, la sombra le sigue. Ésto es debido a las transparencias que permite el PNG. Con el IE8 simplemente el águila no se mueve.