FORMATOS DE ARCHIVOS GRAFICOS COMPUTACION GRAFICA LABORATORIO 1 Y 2

INGRID GOMEZ LEGUIZAMON COD. 52.438.476 JOSE ALEXANDER ANDRADE COD.79.743.478 MONICA MONTAEZ COD.1.057.578.556 VICTOR DUARTE COD. 1.032.359.498

UNIVERSIDAD NACIONAL ABIERTA Y A DISTANCIA UNAD FACULTAD DE INGENIERIA BOGOTA 2008

FORMATOS DE ARCHIVOS GRAFICOS COMPUTACION GRAFICA LABORATORIO 1 Y 2

INGRID GOMEZ LEGUIZAMON COD. 52.438.476 JOSE ALEXANDER ANDRADE COD.79.743.478 MONICA MONTAEZ COD.1.057.578.556 VICTOR DUARTE COD. 1.032.359.498

Presentado a: Ing. Luis Enrique Camargo

UNIVERSIDAD NACIONAL ABIERTA Y A DISTANCIA UNAD FACULTAD DE INGENIERIA BOGOTA 2008

INTRODUCCION

El campo de la informtica que se ocupa de la creacin y el manejo de imgenes digitales se denomina infografa. La infografa cubre varias reas de conocimiento, incluyendo no slo la representacin de elementos grficos (texto, imagen o video) sino tambin sus transformaciones (rotacin, traslacin, zoom, etc.), por medio de algoritmos. Es un rea amplia por lo tanto en este momento vamos trabajar solo con los diferentes tipos de formatos de archivos grficos identificaremos cuales son y sus caractersticas para luego poder adentrarnos en este tema tan maravilloso y ldico. El objetivo primordial de este trabajo es aprender a distinguir las imgenes y obtener la destreza para el manejo de las mismas y desenvolvimiento en el manejo de los programas creados para esta especialidad.

INFORME FORMATOS GRAFICOS La imagen se visualiza en una pantalla (tambin denominada monitor), que es un dispositivo perifrico de salida que permite mostrar representaciones visuales. Esta informacin proviene del equipo, pero de forma "indirecta". De hecho, el procesador no enva la informacin directamente al monitor sino que procesa la informacin que proviene de su memoria de acceso aleatorio (RAM) y la enva a la tarjeta grfica que convierte la informacin en impulsos elctricos, que despus enva al monitor. Los monitores de los equipos son, por lo general, tubos catdicos, es decir, tubos de vidrio en los que un can de electrones emite electrones que son dirigidos por un campo magntico hacia la pantalla en la que se encuentran elementos fosforescentes pequeos (lumin foros), constituyendo puntos (pxeles) que emiten luz cuando los electrones los tocan, este conjunto de puntos son llamados pxeles (la palabra pxel es la abreviacin de PICture ELement o elemento de imagen). Por lo tanto, el pxel es el componente ms pequeo de la imagen digital. Todo el conjunto de estos pxeles se encuentra en una tabla de dos dimensiones que constituye la imagen:

EJE Y

EJE X

Como el barrido de pantalla se efecta de izquierda a derecha y de arriba hacia abajo, es comn indicar el pxel que se encuentra en el extremo superior izquierdo de la imagen con las coordenadas [0,0]. Esto significa que las direcciones de los ejes de imagen son las siguientes:

La direccin del eje X es de izquierda a derecha. La direccin del eje Y es de arriba hacia abajo, contrario a la notacin convencional de matemtica, donde la direccin del eje Y es hacia arriba.

El nmero de puntos (pxeles) que constituyen la imagen, es decir, sus "dimensiones" (el nmero de columnas de la imagen multiplicado por el nmero de filas) se conoce como definicin. Una imagen de 640 pxeles de ancho y 480 pxeles de alto tiene una definicin de 640 por 840 pxeles, que se representa 640 x 480. Por otro lado, la resolucin, un trmino muchas veces confundido con "definicin", est determinada por el nmero de puntos por unidad de rea, expresada en puntos por pulgada (DPI). Una pulgada equivale a 2,54 cm. Por lo tanto, la resolucin permite establecer la relacin entre el nmero de pxeles de una imagen y el tamao real de su representacin en un soporte fsico. Entonces una resolucin de 300 ppp tiene 300 columnas y 300 lneas de pxeles en una pulgada cuadrada, lo que significa 90000 pxeles en una pulgada cuadrada. La resolucin de referencia de 72 dpi nos da un pxel de 1"/72 (una pulgada dividida por 72), es decir, 0,353 mm. Esto corresponde a una pica (unidad de medida tipogrfica anglosajona). Por lo tanto, una imagen est representada en una tabla bidimensional en la que una celda es un pxel. Para representar una imagen por medio del equipo, slo es necesario crear una tabla de pxeles en la que cada celda contiene un valor. El valor almacenado en una celda se codifica en un determinado nmero de bits que determinan el color o la intensidad del pxel y se lo denomina profundidad de codificacin (o a veces tambin profundidad de color). Existen varios estndares de profundidad de codificacin:

mapa de bits blanco y negro: si se almacena un bit en cada celda, se pueden definir dos colores (negro o blanco).

Mapa de bits con 16 colores o 16 niveles de gris: si se almacenan 4 bits en cada celda, se pueden definir 2 4 intensidades por cada pxel, es decir, 16 grados de gris desde el negro al blanco o 16 colores diferentes. Mapa de bits con 256 colores o 256 niveles de gris: si se almacena un byte en cada celda, se pueden definir 2 4 intensidades, es decir, 256 grados de gris desde el negro al blanco o 256 colores diferentes. Mapa de colores de paleta de colores: gracias a este mtodo, se puede definir una paleta, o tabla de colores, con todos los colores que puede contener la imagen, para los cuales hay un ndice asociado en cada caso. El nmero de bits reservados para la codificacin de cada ndice de la paleta determina el nmero de colores que pueden utilizarse. Por lo tanto, cuando se codifican los ndices en 8 bits, se pueden definir 256 colores disponibles; es decir, cada celda de la tabla bidimensional que representa la imagen contiene un nmero que indica el ndice del color que se utilizar. A la imagen cuyos colores estn codificados segn esta tcnica se la denomina imagen de color indexado. "Colores verdaderos" o "colores reales": esta representacin permite que se represente una imagen al definir cada componente (RGB, por rojo, verde y azul). Cada pxel est representado por un conjunto de tres componentes, cada uno codificado en un byte, es decir, en total 24 bits (16 millones de colores). Es posible agregar un cuarto componente, para poder agregar informacin relacionada con la transparencia o la textura; en ese caso cada pxel estar codificado en 32 bits.

Para calcular el peso (en bytes) de una imagen, es necesario contar el nmero de pxeles que contiene esa imagen, que equivale a calcular el nmero de celdas de la tabla, es decir, la altura de la tabla multiplicada por el ancho. Entonces el peso de la imagen equivale al nmero de pxeles multiplicado por la altura de cada uno de esos elementos. A continuacin se indica la frmula para una imagen de color verdadero de 640 x 480:

Cantidad de pxeles:

640 x 480 = 307200

Peso de cada pxel:

24 bits / 8 = 3 bytes

Entonces el peso de la imagen es igual a:

307200 x 3 = 921600 bytes 921600 / 1024 = 900 KB (Para calcular el tamao en KB, basta con dividirlo por 1024). A continuacin se indican algunos ejemplos (teniendo en cuenta que la imagen no est comprimida): Blanco Definicin de la negro imagen (1 bit) 320 x 200 640 x 480 800 x 600 1024 x 768 7,8 KB 37,5 KB 58,6 KB 96 KB y256 colores (8 bits) 62,5 KB 300 KB 65000 colores (16 bits) 125 KB 600 KB Color verdadero (24 bits) 187,5 KB 900 KB 1,4 MB 2,3 MB

468,7 KB 937,5 KB 768 KB 1,5 MB

Esto muestra la cantidad de memoria de video que necesita la tarjeta grfica segn la definicin de la pantalla (el nmero de puntos visualizados) y el nmero de colores. Por lo tanto, el ejemplo demuestra que se necesita un cuadro que tenga al menos 4 MB de memoria de video para lograr una resolucin de 1024 x 768 con colores verdaderos.

Los archivos con extensin .BMP, en los sistemas operativos Windows, representan la sigla BitMaP (o tambin Bit Mapped Picture), o sea mapa de bits. Los archivos de mapas de bits se componen de direcciones asociadas a cdigos de color, uno para cada cuadro en una matriz de pxeles tal como se esquematizara un dibujo de "colorea los cuadros" para nios pequeos. Normalmente, se caracterizan por ser muy poco eficientes en su uso de espacio en disco, pero pueden mostrar un buen nivel de calidad. A diferencia de los grficos vectoriales, al ser reescalados a un tamao mayor, pierden calidad. Otra desventaja de los archivos BMP es que no son utilizables en pginas Web debido a su gran tamao en relacin a su resolucin. Dependiendo de la profundidad de color que tenga la imagen cada pxel puede ocupar 1 o varios bytes. Generalmente se suelen transformar en otros formatos, como JPEG (fotografas), GIF o PNG (dibujos y esquemas), los cuales utilizan otros algoritmos para conseguir una mayor compresin (menor tamao del archivo). JPG o JPEG (Joint of Photographic Experts Group). Es el formato ms comn para comprimir imgenes con relativamente poca prdida de calidad y bajo peso, generalmente usado en imgenes fotogrficas. El formato JPEG admite millones de colores (24 bits). JPEG es el formato ptimo para fotografas digitalizadas, imgenes que utilizan texturas, imgenes con transiciones de color en degradado o cualquier imagen que requiera ms de 256 colores. Como ventajas tenemos que soporta millones de colores a un peso relativamente bajo y es ampliamente soportado en todos los navegadores y plataformas. Las desventajas es que no soporta transparencias y el formato no es libre. GIF (Graphic Interchange Format). Creado por CompuServe hace casi 20 aos. Utiliza compresin de un mximo de 8 bits (256 colores), por lo tanto se reduce considerablemente la calidad si se trata de imgenes de color verdadero (24 bits o ms) como fotografas o degradados complejos. El formato GIF calcula la cantidad de colores mediante una formula que permite paletas de 2, 4, 8, 16, 32, 64, 128 y 256 colores, lo que nos da una amplia gama de posibilidades a la hora de optimizar grficos sencillos, adems soporta las transparencias de 1 bit, es decir, que un pxel puede tener un color, o ser totalmente transparente.

Tambin permite hacer animaciones por fotogramas, (muy sencillas) aunque la compresin en estos casos suele ser deficiente. Unas de las ventajas es la amplia compatibilidad en los navegadores, la transparencia puede ser muy til, si se sabe utilizar y la compresin logra imgenes de muy bajo peso. Su desventaja mas grande es el lmite de 256 colores (degradados y fotografas se ven muy mal). PNG (Portable Networks Graphic). Es un formato grfico que esta basado en un algoritmo de compresin sin prdidas, y fue desarrollado para resolver las deficiencias del GIF, principalmente en cuanto a profundidad de color. Cabe destacar, que Fireworks naci con el formato nativo de PNG, pero un archivo de Fireworks no es lo mismo que una imagen PNG. Los archivos fuente de Fireworks incluyen una cantidad de informacin adicional, como los grficos de vectores, efectos de mapa de bits en vectores, las capas, etc. que hacen al archivo "editable". En cambio las imgenes PNG (exportadas de Fireworks u otro programa) son solo mapas de bits por esta razn no es recomendable utilizar este tipo de imgenes en Internet. TIFF (Tagged Image File Format) Formato de archivo de imgenes etiquetada. Un formato de imagen de alta resolucin basado en etiquetas. TIFF se utiliza para el intercambio universal de imgenes digitales. Un aspecto muy prctico del formato TIFF es que permite almacenar ms de una imagen en el mismo archivo. Un mito que ha de desterrarse es la idea de que el formato TIFF no permite comprimir las imgenes. No obstante, algunas cmaras fotogrficas digitales ofrecen la opcin de grabar fotos en el formato TIFF, lo cual suele entenderse como sin compresin. El formato TIFF admite opcionalmente el sistema de compresin sin prdida de calidad, el conocido como LZW (Lempel-Ziv-Welch).

CONCLUSIONES Las grficas en Internet son supremamente importantes son las que permiten que las paginas sean agradables, vistosas y llamativas a los ojos de los internautas, por esta razn es de suma importancia que apliquemos mtodos para que nuestras imgenes no sean pesadas al cargar la pagina y que sean bonitas. En este proceso es donde mas se causan errores y se convierten en un martirio para los visitantes pues no les permite cargar velozmente la pagina, es cuestin de tiempo. Para lograr este objetivo concluimos que las imgenes mas recomendables para usar en Internet son principalmente dos, las GIF y las JPG ya que estos tipos de archivos grficos estn diseados especialmente para optimizar el tamao que ocupan en disco y se pueden desplazar fcilmente por la red. Por ultimo se recomienda la utilizacin del los archivos PNG que por desconocimiento del formato por parte de los desarrolladores y por la poca aceptacin de las herramientas que generalmente no lo soportan y que los navegadores antiguos que tambin tienen problemas para visualizarlas se debera utilizar ya que se comporta muy bien en cuanto a compresin y la calidad del grafico conseguido.

Bibliografa

http://www.cristalab.com/tutoriales/tiposdeimagenesparainternet-c158l/ http://es.kioskea.net/contents/video/format.php3 http://es.kioskea.net/contents/video/affich.php http://www.mastermagazine.info/termino/683.php http://www.desarrolloweb.com/articulos.php