la magia de los PNG
November 15th, 2007 — leito
Que es un png? es un formato de archivo gráfico que en sus inicios quiso despojar al .gif, pero debido a su buen nivel de compresion y su nula perdida de calidad ahora se quiere llevar por delante al .jpg
La imagen que ven fue tomada de mi escritorio, y lo que ven ahi, ese relojito, es un widget que acabo de hacer para el Opera, y que tiene de fondo una imagen png, por eso la transparencia tan buena y tan bien lograda…
Les paso a explicar rápidamente algo acerca de los formatos graficos, existen de 2 tipos, los que pierden informacion al guardarlos y los que no. Entre los primeros se encuentran los archiconocidos .jpg. Este formato de compresión es similar a lo que pasa en audio con un MP3, utilizan algoritmos para comprimir al máximo la información y hacer que ocupen menos lugar, pero que pasa, esa información perdida es IRRECUPERABLE y por lo tanto la calidad se va perdiendo cada vez que editamos un archivo. Por el otro lado se encuentran los que no tienen perdida de información, como el BMP, el PCX, TGA, RAW, GIF, etc. Aunque si bien el GIF no tiene perdida de calidad en su algoritmo, no puede usar una paleta de mas de 256 colores, con lo cual si queremos guardar una foto en este formato, previamente debemos optimizar la paleta para 8bits, con lo cual se pierde informacion durante el proceso, es por eso que este tipo de archivos se usa para imagenes de pocos colores (iconos por ejemplo)
Como sabrán el mundo de internet solo manejaba .jpg y .gif, hasta que por fin hace unos años la mayoría de los navegadores comenzó a utilizar también el .png (que dicho sea depaso significa portable network graphics). Bueno, listo, y con eso que?
Ventajas del PNG
A diferencia del gif que solo puede especificar un color como transparente, el png puede establecer un canal especial (aparte de los colores) para indicar el grado de transparencia de cada pixel.
Un ejemplo muy tipico de esto surge cuando hace muuuucho tiempo los diseñadores de webs querian agregar efectos de sombras a las imagenes, o simplemente poner una imagen con transparencia sobre una imagen de fondo… el resultado es espantoso (debido al aliasing), aca un ejemplo:
 |
 |
Ademas el PNG puede soportar una profundidad de color de hasta 64bits! (con canal alfa) o de 48bits, lo que implica un total de 281.474.976.710.656 colores!!! esto solo era posible antes con los .TIFF (que se la aguantan bastante bien…) y ni siquiera los jpg llegan a 48 sino que se quedan en 32 (CMYK) o los 24 que todo el mundo usa (RGB).
Conclusión, en la medida que el PNG sea soportado por la mayor cantidad de navegadores y programas, creo que va a ser muy utilizado, asi que esperemos que no se quede solo en internet y pueda verse tambien en otras cosas, como una camara digital, por decir algo…
AH! me olvidaba!!! jajaja! como siempre… la pobre gente que tenga IE 6 o inferior, lamentablemente no podrá disfrutar de estos avances a menos que el programador se haya tomado el humilde trabajo de solucionar el problema de M$ por sus propios medios, como lo detalla la siguiente página:
http://homepage.ntlworld.com/bobosola/pngtest.htm
Loading ...
August 4th, 2008 at 6:06 pm
[…] Y el problema surge a partir del formato grafico jpg. Es que la informacion esta comprimida, y como explique alguna vez ese tipo de informacion no es recuperable. Para los que no me crean (yo seria una de esas personas […]
January 20th, 2009 at 10:47 am
Perdón, muy interesante la función e información que revelas aquí, pero me e dado cuenta que pones un enorme énfasis sobre la cantidad de colores que puede sostener los PNG (dijiste algo de 64bits), esta bien, pero no le encuentro la utilidad si el ojo humano (supongo que el de todo ser que vaya a ver una imagen PNG) es de una profundidad de hasta 16,7 millones de colores (aprox.) unos 32bits, los otros 32bits de colores no los percibiríamos o, mejor dicho, serian inútiles, no?
(de verdad, espero a que me corrijan, es que no entiendo para que crearon tan alta gama de colores…)
January 27th, 2009 at 2:34 pm
cuando hago enfasis sobre los 64 bits quiero indicar que ademas de mas colores se agrega un canal alpha, en donde puedes especificar grados de transparencia distintos para distintos pixeles y con distintos colores… realmente mas que interesante. no creo que el ojo humano tenga solamente una profundidad de alrededor de 16,7 millones de colores, de hecho si hago un simple fade de blanco a negro con corel y lo exporto a jpg alcanzo a ver algunas bandas, y no un degradado perfecto
January 29th, 2009 at 2:01 pm
Bueno, ahora entiendo…
Sobre los colores del ojo: QUE YO SEPA hay investigacuines de la cantidad de colores detectables por el ojo humano, por esa (supuesta) razon no es configurable en ninguna pantalla una profundidad de color mayor a 32 bits ya que no es necesario…
Y si, no me di cuenta que la profundidad Alpha es una profundidad de “color”…
Muchas gracias.
January 30th, 2009 at 7:14 am
es verdad, puede ser que mas de 32 bits no sean necesarios, pero si haces el calculo los 16,7 millones de colores se dan en 24 bits (2 a la 24), tipicos de los jpg… o sea que seguro que vemos mucho mas que esa cantidad. y ahora que lo calculo con 32 llegamos a mas de 4 billones!… medio como mucho no?
February 1st, 2009 at 3:11 am
la verdad no he hecho el calculo, pero confío en tu certeza matemática…, según lo que yo “sabia” el ojo distingue 16,7 millones de colores, pero eso va en contra de el hecho de que hay imágenes con una profundidad de color de 32 bits, y creo que de VE la diferencia entre 24 y 32… (ahora que me pongo a pensar, esto comenzó con una “discucion” de unos 32 bits que no entendía para que eran y termino con la explicación biológica de la “cantidad de bits” que puede ver nuestro ojo, jajaja)
June 28th, 2009 at 1:17 pm
Tengo otra discusion, reivindicando lo que dije anteriormente:
como puede ser el canal “Alpha” una profundidad? (y menos de color!).
un amigo me hizo darme cuenta, le puedes dar una transparencia a una imagen…, pero SIEMPRE habra un solido detras, y el resultado de ambos colores (uno con alpha y otro que no) es ni mas ni menos que uno de los 32 bits. que no se inventan colores. Ademas, como podria ser que en la resolucion de la pantalla esta a 32 (donde esta el alpha?!).
Saludos cordiales.
Por ultimo, solo digo que esta mal decir que es una profundidad, y que esta mal decir que HAY 32 BITS DE CANAL alpha, creo que seria mejor llamarlo de otra manera… (no se me ocurre ninguna)
June 30th, 2009 at 9:22 am
Obviamente que en la pantalla no vas a ver mas de 32bits, o la cantidad que tengas configurada en las propiedades de pantalla, pero en la informacion del PNG, SI VAS A TENER 64bits de datos!!!, en donde va a existir un canal alfa de 8 o 16bits. Es decir, no es que hay un pixel transparente o no transparente, sino que puede tener distintos grados de transparencia. Ahora bien, vos te preguntas, para que quiero 64bits de informacion si solo veo 32? …es muy simple, cuando trabajas con graficos o diseños y queres por ejemplo hacer una composicion, necesitas trabajar en 64bits o 48 y luego exportar el archivo a un jpg de tan solo 24, pero con una calidad que no podrias haber logrado de otra manera…
June 30th, 2009 at 12:46 pm
Bueno, es verdad, pero mi ultima duda… son 32 bits de colores y 32 de canal alpha?, (lo pregunto porque es una enorme “paleta” de treansparencia), ademas acabaste de decir que voy a tener 64 bits de datos “, en donde ca a existir un canal alfa de 8 o 16bits”, estoy en duda porque a mi no me cierran las cuentas… (32bits + 16 de alfa =48). aunque aclaraste tambuen al final, algo de en lo que terminas trabajando…
ah, gracias por responder y lamento las molestrias…
saludos.
June 30th, 2009 at 5:43 pm
es solo un canal alpha de 16 bits, o sea que tenes otros tres canales rgb tambien de 16 bits (16 * 3 = 48), sumando 48 + 16 = 64bits
June 30th, 2009 at 8:06 pm
WoW, esto me pasa cuando no conosco nada del asunto (aunque debi darme cuenta), pero gracias por la informacion, la verdad llene este post de una discucion sin mucho sentido… (perdon).
Saludos.
August 21st, 2009 at 6:58 pm
Hola ! primero decir que encuentro este post super interesante, y queria haceros una pregunta: Quiero editar imagenes y guardarlas con formato PNG 64 bits pero no se como hacerlo, los programas que utilizo solo me dan opcion de 32. ¿me podeis ayudar ? gracias
August 21st, 2009 at 7:57 pm
Hola denuevo !!! Ya lo tengo solucionado ! Al final con el PNG a 32 bits ya me vale asi que Gracias igualmente a todos. Un saludo.