Pontificia Universidad Catlica de Chile

Apunte Imgenes para Internet

Pgina 1

Grficos de mapa de bits

Existen dos tipos principales de imgenes digitales: los mapas de bits, en los que la imagen se crea mediante una rejilla de puntos de diferentes colores y tonalidades, y los grficos vectoriales, en los que la imagen se define por medio de diferentes funciones matemticas. Las imgenes de mapa de bits (bitmaps o imgenes raster) estn formadas por una rejilla de celdas, a cada una de las cuales, denominada pxel (Picture Element, Elemento de Imagen), se le asigna un valor de color y luminancia propios, de tal forma que su agrupacin crea la ilusin de una imagen de tono continuo.

Un pxel es pues una unidad de informacin, pero no una unidad de medida, ya que no se corresponde con un tamao concreto. Un pxel puede ser muy pequeo (0.1 milmetros) o muy grande (1 metro).

Una imagen de mapa de bits es creada mediante una rejilla de pxeles nica. Cuando se modifica su tamao, se modifican grupos de pxeles, no los objetos o figuras que contiene, por lo que estos suelen deformarse o perder alguno de los pxeles que los definen. Por lo tanto, una imagen de mapa de bits est diseada para un tamao determinado, perdiendo calidad si se modifican sus dimensiones, dependiendo esta prdida de la resolucin a la que se ha definido la imagen. Los grficos de mapa de bits se obtienen normalmente a partir de capturas de originales en papel utilizando escneres, mediante cmaras digitales o directamente en programas grficos. Tambin existen multitud de sitios en

Derechos Reservados EccompUC Programa de Educacin Continua en Computacin

Pontificia Universidad Catlica de Chile

Apunte Imgenes para Internet

Pgina 2

Internet que ofrecen imgenes de este tipo de forma gratuita o por una cantidad variable de dinero.

Resolucin de una imagen de mapa de bits

La resolucin de una imagen es el un concepto que suele confundir bastante, principalmente porque no es un concepto nico, sino que depende del medio en el que la imagen vaya a ser visualizada o tratada. As, podemos hablar de resolucin de un archivo digital, resolucin de impresin, resolucin de semitono, resolucin de escaneado, etc. Tal vez el concepto ms ligado a la propia naturaleza de la imagen digital sea el de resolucin del archivo digital, definida como el nmero de pxeles distintos que tiene una imagen por unidad de longitud, es decir, la densidad de stos en la imagen. Sus unidades de medida son los pxeles por pulgada (ppp o ppi, pixels per inch, en ingls) o los pxeles por centmetro (ms raramente). Cuanto mayor sea esta resolucin, ms contenedores de informacin (pxeles) tiene el archivo digital, ms calidad tendr la imagen y ms peso en Kb tendr el archivo.

Esta resolucin est muy ligada al concepto de resolucin de pantalla en un monitor, referida al nmero de pxeles por pulgada existentes en la pantalla del monitor en el que se visualiza la imagen. Una configuracin del monitor en alta resolucin exhibir ms pxeles por pulgada, por lo que stos sern ms pequeos, permitiendo una mejor visualizacin de la imagen en pantalla. En ningn caso podremos visualizar una imagen a mayor resolucin que la de pantalla, que suele ser de 72 ppp en un sistema Mac y de 96 ppp en un PC.

Derechos Reservados EccompUC Programa de Educacin Continua en Computacin

Pontificia Universidad Catlica de Chile

Apunte Imgenes para Internet

Pgina 3

Una vez definida la resolucin de pantalla, el tamao de los pxeles depender del tamao fsico de la pantalla, medido en pulgadas. Las resoluciones de pantalla ms comunes en la actualidad son 800x600 y 1024x768 pxeles, oscilando los tamaos de pantalla entre 15 y 21 pulgadas. Una forma comn de clasificar las imgenes segn su resolucin es aquella que las divide en imgenes de alta resolucin (hi-res) e imgenes de baja resolucin (low-res). Una imagen de alta resolucin est prevista para la impresin, teniendo generalmente 300 ppp o ms. Una imagen de baja resolucin est prevista solamente para su exhibicin en pantalla, teniendo generalmente una resolucin de 100 ppp o menos.

A mayor resolucin, ms pxeles hay en una imagen, ms grande es su mapa de bits, mayor informacin contiene y mayor capacidad de distinguir los detalles espaciales finos, por lo que tendr ms definicin, permitiendo un mayor detalle, unas transiciones de color ms sutiles y una mayor calidad de reproduccin. Las imgenes de mapas de bits dependen de la resolucin a la que han sido creadas, por lo que al modificar su tamao pierden calidad visual. Si lo disminuimos, los trazos finos perdern definicin, desapareciendo partes de los mismos, mientras que si lo aumentamos, la imagen se pixelizar, al tener que Derechos Reservados EccompUC Programa de Educacin Continua en Computacin

Pontificia Universidad Catlica de Chile

Apunte Imgenes para Internet

Pgina 4

cubrirse de forma aproximada pxeles que inicialmente producindose el conocido efecto de dientes de sierra.

no

existan,

La resolucin de una imagen est relacionada con su tamao, de tal forma que cuando le asignemos una resolucin estaremos asignando un tamao a los pxeles que la forman, con lo que sabremos qu tamao tiene la imagen. Por ejemplo, si una imagen tiene 100 pxeles por pulgada, querr decir que cada 2,54 cm. habr 100 pxeles, con lo que cada pxel equivaldr a 2,54 mm. Si dijramos que esa imagen tiene una resolucin de 1 pxel por pulgada, lo que sabramos es que ahora cada pxel tendr un tamao de 2,54 cm. Otra consecuencia de la relacin resolucin-tamao es que para mantener la calidad de reproduccin, al variar el tamao de una imagen tamao, tendremos que variar tambin su resolucin. En lneas generales, si queremos que mantenga el mismo nivel de calidad hay que mantener la cantidad de informacin que posee la imagen (nmero de bits que ocupa) cuando modificamos sus dimensiones. Eleccin de la resolucin La resolucin de una imagen no debe ser nunca mayor que la del medio en el que se va a publicar, pues supondra un exceso de informacin que no va a ser utilizada. Si representamos en un grfico la relacin calidad imagen-resolucin para un medio de publicacin determinado, llega un punto en que por mucho que aumentemos la resolucin, la calidad no aumentar, pero s el peso del archivo y los recursos necesarios.

Las imgenes de alta resolucin reproducen generalmente ms detalle y transiciones ms sutiles del color que imgenes de baja resolucin. Sin Derechos Reservados EccompUC Programa de Educacin Continua en Computacin

Pontificia Universidad Catlica de Chile

Apunte Imgenes para Internet

Pgina 5

embargo, el aumento de la resolucin de una imagen baja resolucin separa solamente la informacin original en un mayor nmero de peles, pero raramente mejora la calidad de la imagen. Los diferentes medios utilizan diferentes resoluciones, siendo las ms comunes las siguientes: Medio Resolucin de trabajo Pantalla de computador (a 72 ppp web) Prensa (periodicos, revistas, etc.) Impresora Fotografa Imprenta Normalmente, 90 ppp, aunque puede subir a 300 ppp en impresin offset Diferentes resoluciones, generalmente entre 300 ppp y 600 ppp (impresoras laser) Suele emplear imgenes de 800-1500 dpp y mayores Es necesario saber la lineatura de impresin, pues la resolucin de una imagen se corresponde con la lineatura de impresin en una escala de 2:1 (para imprimir a 150 lpp, deberemos trabajar las imgenes al doble, 300 ppp. En fotocomponedoras para impresin se suele trabajar a 1200 ppp

Si estamos trabajando con imgenes destinadas a la impresin, los archivos grficos grandes, con mucha resolucin y/o tamao, tardan ms en ser procesados por el RIP (Raster Image Processor), el procesador de imgenes de un aparato postscript. Cualquier ahorro sensato de tamao es algo que redundar en trabajos manejables y menos dados a causar problemas y retrasos. Adems, la lineatura no es algo que podamos elegir al azar. Aunque las cmaras digitales o las filmadoras sean capaces de llegar a resoluciones muy altas, el limite de trabajo lo va a marcar el medio en el que vayamos a imprimir, el mtodo que vayamos a usar para ello y el dinero que estemos dispuestos a pagar por ello. Si la imagen est destinada a ser impresa en una impresora de inyeccin de tinta, habr que digitalizar la imagen a una resolucin de 300 ppp para que la definicin final sea correcta, ya que sta es la resolucin mxima que suelen dar estos dispositivos. Si una imagen est destinada a ser visualizada en un monitor de computador, hay que tener en cuenta que la resolucin de estos perifricos es de 72 ppp en los aparatos Macintosh y 96 pxeles por pulgada en los PCs con sistemas Windows, por lo que habr que digitalizarla a estas resoluciones. Si le damos Derechos Reservados EccompUC Programa de Educacin Continua en Computacin

Pontificia Universidad Catlica de Chile

Apunte Imgenes para Internet

Pgina 6

mayor resolucin estaremos desperdiciando recursos, sobre todo si la imagen est destinada a la web, ya que tardar mucho ms en bajarse desde el servidor sin conseguir ninguna ventaja visual con ello.

Resumiendo: Hay que trabajar siempre en unos niveles de resolucin adecuados al medio en el que se va a usar la imagen. Resoluciones mayores necesitarn unos recursos excesivos que no son aprovechables. En el extremo contrario, resoluciones menores que las del medio suelen producir una mala visualizacin o impresin, presentando las imgenes el conocido efecto de pixelizacin o dientes de sierra.

Optimizacin de archivos grficos

Generalmente, los archivos de imgenes de mapa de bits necesitan almacenar mucha informacin grfica, lo que hace que su peso final en bytes sea excesivo para a su transferencia por Internet, medio en el que el ancho de banda est muy limitado. La operacin de optimizacin se debe hacer en un programa editor de imagen digital, como por ejemplo Photoshop o Fireworks Con objeto de minimizar el peso de los archivos grficos se han desarrollado diferentes tcnicas de optimizacin basadas en dos principios diferentes: Reducir el nmero de colores utilizados en la imagen. Comprimir los datos de la imagen para que ocupen menos espacio.

Reduccin de colores (dithering)

El principio del dithering se basa en la reduccin del nmero de colores usado en una imagen, al considerar que en la mayora de los casos se utiliza demasiada informacin grfica en un archivo, informacin que se puede eliminar sin prdidas notables en la calidad final de la imagen.

Derechos Reservados EccompUC Programa de Educacin Continua en Computacin

Pontificia Universidad Catlica de Chile

Apunte Imgenes para Internet

Pgina 7

Si una determinada imagen utiliza slo 40 colores, para reducir el tamao de su archivo bastara con definir los 40 colores utilizando una paleta de color, guardando luego los puntos de la imagen con una profundidad de 8 bits. Por otra parte, una imagen que utilice 256 colores puede tener una calidad aceptable en relacin a la misma imagen con 16,8 millones de colores, siendo, su tamao tres veces ms pequeo. Para obtener un color no presente en la paleta de 256 colores de la imagen siempre es posible mezclar los que s estn, consiguiendo en la mayora de los casos una buena aproximacin al necesitado.

La tcnica del dithering va a ser la encargada de calcular la proporcin con que se deben mezclar los colores de la paleta para obtener otros. Para obtener una determinada tonalidad de color se utilizan varios puntos que tienen un color muy prximo al que se desea conseguir. Cuando se observar la imagen desde una cierta distancia, el color de los puntos adyacentes se mezcla, dando lugar a la ilusin de nuevas tonalidades de color. Este sistema de optimizacin por reduccin de colores es utilizado por ejemplo en el formato GIF.

Reduccin de datos (compresin)

La compresin es una tcnica que permite reducir el tamao de un archivo mediante procesos matemticos, facilitando as la transferencia de los mismos por red o su almacenamiento en cualquier otro soporte. Todas las tcnicas de compresin reducen la cadena de cdigo binario de una imagen sin comprimir a una forma abreviada matemtica basada en complejos Derechos Reservados EccompUC Programa de Educacin Continua en Computacin

Pontificia Universidad Catlica de Chile

Apunte Imgenes para Internet

Pgina 8

algoritmos, apoyndose en la teora de que en una imagen existe informacin repetida que en realidad slo se debe guardar una vez.

Los algoritmos matemticos que el computador emplea para generar la compresin son muy variados y los hay realmente complejos. Algunos valen para todo tipo de imgenes y otros son eficaces solamente con un tipo de ellas. Existen dos tipos bsicos de algoritmos de compresin, los que actan sin prdidas y los que comprimen con prdidas. Los sistemas sin prdida abrevian el cdigo binario sin desechar informacin, por lo que los datos de salida de la decodificacin son idnticos bit a bit a los de la fuente original. Los factores de compresin conseguidos son pequeos, menores de 10:1 en el mejor de los casos, no pudindose garantizar un factor de compresin determinado, ya que depende de la cantidad de redundancia de la informacin original . Estos sistemas se suelen usar en el escaneado bitonal de material de texto. Los sistemas con prdida utilizan diferentes formas de compensar o desechar la informacin menos importante de una imagen basndose en la percepcin visual humana, consiguiendo a veces resultados casi idnticos al original con un peso mucho menor. La calidad de la imagen no slo depende del factor de compresin, sino tambin del algoritmo empleado. Los factores de compresin son altos, de 40:1 a 100:1 Se suelen utilizar con imgenes tonales, particularmente con imgenes de tono continuo, en las que la simple abreviatura de informacin que proporcionan los sistemas sin prdida no tienen como resultado un ahorro de archivo apreciable. Existe una variacin de los sistemas de compresin, los sistemas emergentes, que ofrecen la capacidad de proporcionar imgenes de resolucin mltiple desde un solo archivo, con la consiguiente flexibilidad en la entrega y presentacin de las imgenes a los usuarios finales. El algoritmo de compresin usado en imgenes para Internet es el JPEG

JPEG (Joint Photograph Expert Group)

Sistema de compresin con prdidas muy perfeccionado, basado en estudios de la percepcin visual humana, que permite codificar imgenes en color (24 bits) y en escala de grises (8 bits) mediante la eliminacin de datos Derechos Reservados EccompUC Programa de Educacin Continua en Computacin

Pontificia Universidad Catlica de Chile

Apunte Imgenes para Internet

Pgina 9

redundantes que no son importantes y el suavizado de los bordes y reas que tienen un color similar. Con ello se producen prdidas que degradan levemente la calidad de la imagen, pero a cambio proporciona altos ndices de compresin, ajustables a la calidad final de la imagen que se desea codificar.

En realidad, JPEG, estndar internacional 10918, describe una familia de tcnicas de compresin basadas en complejas operaciones matemticas, como conversin del formato de color, transformacin separada del coseno (DCT), cuantizaciones y codificacin entrpica, definiendo tres sistemas diferentes de codificacin: Un sistema de codificacin bsico, con prdidas, que se basa en la Transformada Discreta del Coseno y es apropiado para la mayora de las aplicaciones de compresin. la precisin de los datos de entrada y de salida est limitada a 8 bits. Un sistema de codificacin extendida, para aplicaciones de mayor compresin, mayor precisin, o de reconstruccin progresiva. se usa principalmente para proporcionar decodificacin parcial rpida de una imagen comprimida, para que la apariencia general de esta pueda determinarse antes de que se decodifique totalmente. Un sistema de codificacin independiente sin prdidas, para la compresin reversible. JPEG es un algoritmo de codificacin simtrico (decodificar lleva tanto tiempo como codificar), que ofrece niveles de compresin de 20:1 o mayores, permitiendo realizar ciertas transformaciones geomtricas (por ejemplo, rotacin de imagen) directamente en la matriz transformada, sin regenerar la imagen original. Es el mtodo de compresin ms utilizado actualmente para la compresin de imgenes con prdida, siendo usado en los formatos grfico JPG, TIFF, FlashPix, en archivos PDF y en archivos de lenguaje PostScript. Adems, es la base del estndar multimedia para imgenes en movimiento, MPEG.

Derechos Reservados EccompUC Programa de Educacin Continua en Computacin