6/12/2017 Portable Network Graphics - Wikipedia, la enciclopedia libre

Portable Network Graphics

Portable Network Graphics (PNG) (siglas en ingls de
Grficos de Red Porttiles, pronunciadas "ping") es un PNG (Portable Network
formato grfico basado en un algoritmo de compresin sin Graphics)
prdida para bitmaps no sujeto a patentes. Este formato fue PNG
desarrollado en buena parte para solventar las deficiencias del
formato GIF y permite almacenar imgenes con una mayor
profundidad de contraste y otros importantes datos.

Las imgenes PNG usan la extensin .png y han obtenido un

tipo MIME (image/png) aprobado el 14 de octubre de 1996.

ndice
1 Detalles tcnicos
2 Segmentos del archivo
3 Secciones esenciales
4 Secciones de metadatos
5 Profundidad de color
6 Transparencia en la imagen
7 Compresin
8 Animacin
9 Comparacin tcnica con otros formatos
9.1 Comparacin con GIF
9.2 Comparacin con JPEG
10 PNG en la web
11 Ideas falsas respecto a PNG Dados.

12 Problemas de color Desarrollador

13 Bibliografa PNG Development Group (donado a W3C)
14 Referencias http://www.libpng.org/pub/png/
15 Enlaces externos Informacin general
Extensin de .png
archivo
Detalles tcnicos Tipo de MIME image/png

Un archivo PNG empieza con una firma de 8 bytes, los valores

Type code PNGf
PNG
en hexadecimal son: 89 50 4E 47 0D 0A 1A 0A, los valores
decimales son: 137 80 78 71 13 10 26 10; cada valor est ah por Uniform Type public.png
una razn especfica. Identifier
Nmero mgico 89 50 4e 47 0d 0a 1a 0a

https://es.wikipedia.org/wiki/Portable_Network_Graphics 1/6
6/12/2017 Portable Network Graphics - Wikipedia, la enciclopedia libre

Byte(s) Propsito Lanzamiento 1 de octubre de 1996

inicial
Tiene el bit ms alto puesto a 1 para detectar
sistemas de transmisin que no soportan datos Tipo de formato Grfico rasterizado
89 de 8 bits y para reducir el riesgo de que un comprimido sin prdidas
fichero de texto sea errneamente interpretado
como PNG. Extendido a APNG, JNG y MNG
En ASCII, las letras "PNG" permitiendo que una Estndar(es) ISO 15948, IETF RFC 2083
50 4E 47 persona identifique el formato en caso de verlo Formato
en un editor de texto.
abierto
Una nueva lnea con estilo DOS (CRLF) para
0D 0A detectar las conversiones de final de lnea entre [editar datos en Wikidata]
DOS y UNIX.
Un byte que detiene el despliegue del fichero
1A bajo DOS cuando se ha usado el comando
TYPE.
Una nueva lnea en UNIX (LF) para detectar la
0A
conversin de final de lnea entre DOS y UNIX.

Segmentos del archivo

Despus de la cabecera se encuentran una serie de segmentos de los cuales cada uno guarda cierta informacin acerca de
la imagen. Los segmentos se auto declaran como crticos (critical) o auxiliares (ancillary) de modo que un programa que
encuentre un segmento auxiliar y no lo entienda puede ignorarlo sin peligro. La estructura basada en segmentos est
diseada para poder ampliar el formato PNG manteniendo la compatibilidad con versiones antiguas.

Cada una de las secciones tiene una cabecera que especfica su tamao y tipo, inmediatamente seguido de los datos y el
checksum de los datos. Las secciones tienen un nombre de 4 letras que es sensible a las maysculas. El uso de maysculas
o minsculas en dicho nombre provee a los decodificadores de informacin acerca de las secciones que no son
reconocidas.

Si la primera letra es mayscula esto indica que la seccin es esencial, en caso contrario ser auxiliar. Las secciones
esenciales son necesarias para leer el fichero, si el decodificador encuentra una seccin esencial que no reconoce debe
abortar la lectura.

En caso de que la segunda letra sea mayscula esto significar que la seccin es pblica en la especificacin o el registro de
secciones para propsitos especiales, en caso contrario ser privada (no estandarizada). Este uso de maysculas y
minsculas asegura que nunca haya conflictos entre secciones pblicas y privadas.

La tercera letra debe estar en maysculas para cumplir las especificaciones de PNG y est reservada para futuras
expansiones.

La cuarta letra indica si es seguro copiar la seccin en caso de que no sea reconocida, en caso de estar en minsculas es
seguro copiar la seccin sin importar la cantidad de modificacin que haya sufrido el fichero, si es mayscula solo se
debern copiar si no hay secciones crticas que hayan sufrido modificaciones.

Secciones esenciales
Un decodificador debe ser capaz de entender estas secciones para leer y renderizar un PNG:

IHDR, debe ser la primera seccin, contiene la cabecera.

PLTE, contiene la paleta (lista de colores).
https://es.wikipedia.org/wiki/Portable_Network_Graphics 2/6
6/12/2017 Portable Network Graphics - Wikipedia, la enciclopedia libre

IDAT, contiene la imagen que debe ser dividida en mltiples secciones IDAT, haciendo esto se incrementa el tamao
de la imagen ligeramente pero hace posible generar imgenes PNG en streaming.
IEND, marca el final de la imagen.

Secciones de metadatos
Otros atributos que pueden ser guardados en una imagen PNG son: valores de gamma, color del fondo e informacin
textual. PNG tambin soporta correccin de color con el uso de sistemas de manejo del color como sRGB.

bKGD: contiene el color de fondo por defecto, se usa cuando no hay un mejor color disponible para mostrar, como en
un visor de imgenes pero no en un navegador web.
cHRM: balance de blanco.
gAMA: especfica la gamma.
hIST: guarda el histograma o cantidad total de cada color en la imagen.
iCCP: perfil ICC de color.
iTXt: contiene texto (UTF-8) comprimido o no.
pHYs: contiene el tamao previsto del pxel y/o el ratio de la imagen.
sBIT: (bits significativos) indican la exactitud de los colores en la imagen.
sPLT: sugiere una paleta para usar en caso de que el rango completo de colores no est disponible.
sRGB: indica que se usa el estndar sRBG color space.
tEXt: almacena texto que puede ser representado en ISO 8859-1 con un nombre=valor para cada seccin.
tIME: almacena la fecha de la ltima modificacin.
tRNS: contiene informacin sobre la transparencia. Para imgenes indexadas almacena el canal alpha para una o
ms paletas, para imgenes en color real y escala de grises almacena la informacin de un solo pxel que debe ser
considerado completamente transparente.
zTXt: contiene texto comprimido con los mismos lmites que tEXt.
La primera letra en minsculas de estas secciones indica que no son necesarias en la especificacin de PNG, la ltima letra
en minsculas indica que es seguro copiarlas incluso si la aplicacin en cuestin no las entiende.

Otros atributos que pueden ser almacenados en un PNG incluyen valores de correccin gamma, color de fondo y
metadatos. PNG adems tambin utiliza la correccin de color que utilizan los sistemas de administracin de color como
el sRGB. Algunos programas como Adobe Photoshop disponen de este sistema.

Profundidad de color
Las imgenes en formato PNG pueden ser imgenes de paleta indexada o estar formadas por uno o varios canales. Si
existe ms de un canal, todos los canales tienen el mismo nmero de bits por pxel (tambin llamado profundidad de bits
por canal). Aunque en la especificacin oficial (http://www.w3.org/TR/2003/REC-PNG-20031110/) del PNG se nombra
la profundidad de bits por canal, normalmente los programas de edicin nombran slo la cantidad total de bits por pxel,
es decir, la profundidad de color.

El nmero de canales depende de si la imagen es en escala de grises o en color y si dispone de canal alfa (tambin llamado
canal de transparencia). La combinaciones permitidas por PNG son:

Escala de grises (1 canal).

Escala de grises y canal alfa (2 canales).
Canales rojo, verde y azul (RGB, 3 canales, tambin llamado color verdadero o Truecolor).
Canales rojo, verde, azul y alfa (RGB + alfa, 4 canales).

https://es.wikipedia.org/wiki/Portable_Network_Graphics 3/6
6/12/2017 Portable Network Graphics - Wikipedia, la enciclopedia libre

Por otra parte, las imgenes indexadas disponen de un tope de 256 colores como mximo. Esta paleta de colores est
almacenada con una profundidad de canal de 8 bits. La paleta no puede tener ms colores que los marcados por la
profundidad de bits, es decir 28=256 colores, aunque s puede tener menos (por ejemplo, una imagen de 50 colores slo
almacenar 50 entradas, evitando almacenar datos que no son utilizados).

La tabla expuesta a la derecha indican la

profundidad de color para cada formato de Rango total de opciones de color soportados
imagen que soporta PNG. sta se extrae de la Profundidad de bits por canal 1 2 4 8 16
profundidad de bits por canal y se multiplica Imagen indexada (1 canal) 1 2 4 8
por el nmero de canales. Las casillas en rojo
Escala de grises (1 canal) 1 2 4 8 16
representan combinaciones no soportadas. El
estndar requiere que los decodificadores Escala de grises con alfa (2 canales) 16 32

puedan leer todos los formatos disponibles, Color verdadero (RGB) (3 canales) 24 48
pero muchos editores de imagen slo pueden Color verdadero con alfa (RGBA) (4 canales) 32 64
generar un pequeo subconjunto de ellos.

Transparencia en la imagen
PNG ofrece una gran variedad de opciones de transparencia: con color verdadero o escala de grises, incluso un solo pxel
puede ser declarado transparente o puede aadirse un canal alfa. Para imgenes que usan paletas se puede aadir un
canal alfa en las entradas de la paleta. El nmero de dichos valores almacenados puede ser menor que el total de entradas
en la paleta, de modo que el resto de las entradas se considerarn completamente opacas. La bsqueda de pxeles con
transparencia binaria debe hacerse antes de cualquier reduccin de color para evitar que algunos pxeles se conviertan en
transparentes accidentalmente.

A diferencia de la transparencia ofrecida por GIF que slo puede tomar 2 valores (completamente transparente o
completamente opaco), el canal alfa de PNG permite utilizar mayor profundidad de bits para lograr efectos de semi-
transparencia, propios de objetos translcidos. Por ejemplo, con una profundidad de 8 bits para transparencias se pueden
conseguir 28 = 256 grados diferentes de transparencia, como si se tratara de un color.1

Compresin
El mtodo de compresin utilizado por el PNG es conocido como deflacin (en ingls "Deflate algorithm"). Tambin
existen mtodos de filtrado. En la especificacin 1.2 se define un nico tipo de filtro, que incluye 5 modos de prediccin del
valor del pxel, que resulta muy til para mejorar la compresin, donde se elige para cada lnea de la imagen (scanline) un
mtodo de filtrado que predice el color de cada pxel basndose en los colores de los pxeles previos y resta al color del
pxel actual, el color pronosticado. Los cinco mtodos son: None, Sub, Up, Average y Paeth.

Estos filtros pueden reducir notablemente el tamao final del archivo, aunque depende en gran medida de la imagen de
entrada. El algoritmo de compresin puede encargarse de la adecuada eleccin del mtodo que mayor reduccin ofrezca.

El tipo de media MIME para PNG es "image/png" (aprobado el 14 de octubre de 1996).

Animacin
APNG es una extensin de PNG que soporta animacin. Este formato soporta el visionado de una sola imagen en caso de
que el decodificador no entienda el archivo. Es aceptado por mltiples navegadores2 y tiene extensin .png.

https://es.wikipedia.org/wiki/Portable_Network_Graphics 4/6
6/12/2017 Portable Network Graphics - Wikipedia, la enciclopedia libre

Por otro lado, MNG es un formato de imagen que soporta animacin y est basado en las ideas y en algunas secciones de
PNG, pero es un sistema complejo y no permite el visionado de una sola imagen en caso de no existir soporte completo en
el visualizador de imgenes pertinente.

Comparacin tcnica con otros formatos

Comparacin con GIF

En la mayora de los casos, PNG comprime mejor que el formato GIF, aunque algunas implementaciones (vase
Photoshop) realizan una mala seleccin de los mtodos de filtrado y se generan ficheros de mayor tamao.

El PNG admite, al igual que el GIF, imgenes indexadas con transparencia de 1 bit o "binaria". Este tipo de
transparencia no requiere de un canal adicional y nicamente admite que un color de la paleta aparezca transparente
al 100%.

El PNG admite formatos con una profundidad de color de millones de colores (color verdadero) y canal alfa, lo que
proporciona unos rangos de color mucho ms ricos y precisos que el GIF y disponer de valores de transparencia
intermedios. Lamentablemente, esto permite que se compare de forma errnea los PNG de color verdadero con los
GIF de color indexado (256 colores).

GIF soporta animacin y PNG no. (ver seccin de animacin).

Comparacin con JPEG

PNG y JPEG son formatos que estn diseados para funciones diferentes, por lo
que nicamente se puede realizar una comparacin generalista:

JPEG tiene una relacin de compresin enorme en perjuicio de la calidad de la

imagen, ideal para imgenes de gran tamao y fotografas. No admite
transparencia.

PNG es un formato sin prdida de calidad con una excelente compresin, ideal
para imgenes formadas por grandes reas de color plano o con pocas
variaciones de color. Admite canal alfa y algunos atributos extra como la
correccin gamma. Sin embargo, no admite modo CMYK, por lo que no es del
todo til para diseos de impresin.

Imagen compuesta comparando

JPEG y PNG: ntese los
PNG en la web
artificios en la imagen JPEG
Pese a que las caractersticas tcnicas y de compresin hacen de PNG un
versus el fondo en color slido formato ideal para sustituir a GIF, su adopcin ha sido muy lenta, debido en parte
para la misma imagen en PNG. a comparaciones errneas y algunas desventajas tcnicas:
No est soportado por algunos navegadores muy viejos (tales navegadores, sin
embargo, entraron en desuso en la primera dcada del siglo XXI).
la administracin de color fallaba en algunos navegadores (fcilmente evitable por la razn anterior).

Ideas falsas respecto a PNG

Internet Explorer 6 no soporta imgenes PNG transparentes. Habra que matizar un punto. Internet Explorer 6 e
inferiores admiten transparencias binarias como en el GIF, pero fallan al mostrar imgenes con canal alfa. Eso se
debe a que el paquete que especifica el canal alfa es opcional (tRNS (http://www.w3.org/TR/2003/REC-PNG-200311
10/#11tRNS)) segn la especificacin PNG, sin embargo Internet Explorer 7 s los admite.
Las imgenes en PNG pesan ms que los GIF. Tampoco es cierto. Este es un mito, debido a que se compara con
PNG mal codificados o de 32 bits con GIF de 256 colores [cita requerida].

https://es.wikipedia.org/wiki/Portable_Network_Graphics 5/6
6/12/2017 Portable Network Graphics - Wikipedia, la enciclopedia libre

Problemas de color
Algunas versiones de algunos navegadores web presentan los valores de correccin gamma incluso cuando no estn
especificados en el PNG. Navegadores conocidos con problemas de visualizacin de PNG:

Internet Explorer 5.5 y 6.

Netscape 7.0 a 7.2.
Opera (versiones anteriores a la 7.50).
El efecto final es que el color mostrado en el PNG no coincide con el esquema de color del resto de la pgina web. Una
forma sencilla de evitar esto es volviendo a codificar el PNG truncando ciertos atributos. Algunas utilidades para tal fin:

PNGOUT (http://advsys.net/ken/utils.htm) es una utilidad gratuita de DOS que utiliza un algoritmo exclusivo para
recomprimir un PNG y reducir el tamao del fichero al mnimo, sin prdidas.
Superpng, es un plugin gratuito para Photoshop que permite la optimizacin de ficheros PNG.
OptiPNG es una utilidad gratuita de DOS que recomprime un PNG, reduciendo su tamao sin prdidas.

Bibliografa
Greg Roelofs (1999). PNG: The Definitive Guide (http://www.libpng.org/pub/png/book/toc.html) (libro completo en
html) (en ingls). O'Reilly & Associates, Inc. (A excepcin de las tapas, el libro est bajo licencia GFDL)

Referencias
1. http://www.libpng.org/pub/png/
2. Animated Portable Network Graphics

Enlaces externos
Sitio web del formato PNG (http://www.libpng.org/pub/png/) (en ingls)
Pgina del Web Consortium sobre PNG (http://www.w3c.org/Graphics/PNG/) (en ingls)
libpng (http://www.libpng.org/pub/png/libpng.html), biblioteca oficial en C (en ingls)

Obtenido de https://es.wikipedia.org/w/index.php?title=Portable_Network_Graphics&oldid=103779240

Se edit esta pgina por ltima vez el 28 nov 2017 a las 21:11.

El texto est disponible bajo la Licencia Creative Commons Atribucin Compartir Igual 3.0; pueden aplicarse clusulas
adicionales. Al usar este sitio, usted acepta nuestros trminos de uso y nuestra poltica de privacidad.
Wikipedia es una marca registrada de la Fundacin Wikimedia, Inc., una organizacin sin nimo de lucro.

https://es.wikipedia.org/wiki/Portable_Network_Graphics 6/6