“Las NTIC´s en el aula “Las Nuevas Tecnologías de la Información y la Comunicación en el aula” MATERIAL DE CONSULTA PARA EL DOCENTE Asistencia técnica y pedagógica para la correcta utilización de los recursos informáticos existentes en las escuelas. Capacitadores: Prof. MURAD, Marcelo Antonio Prof. MACHADO, Gustavo Marcelo PROYECTO DE CAPACITACIÓN DOCENTE EN SERVICIO (2010-2011) MINISTERIO DE EDUCACIÓN, CULTURA, CIENCIA Y TECNOLOGÍA Subsecretaría de Educación Coordinación de Capacitación, Perfeccionamiento y Actualización Docente FORMATOS DE IMAGEN Formatos de Imagen 1 “Las NTIC´s en el aula Formatos de Imagen 2 Formatos de imagen o formatos gráficos En los primeros tiempos de la informática, en los ordenadores sólo existía texto en código ASCII, pero la aparición de los entornos gráficos y de las interfaces gráficas ha hecho que se desarrollaran numerosos formatos para imágenes. Hay que distinguir por un lado cómo se visualizan las imágenes en el monitor o pantalla del ordenador y, por otro, cómo se almacenan y procesan las imágenes. En la pantalla, el píxel es el elemento básico de la imagen. Un píxel es una matriz de puntos que tienen una dimensión determinada dependiendo del tipo de tarjeta de vídeo que tengamos instalada en el ordenador, pudiendo variar de 640x480 a 1.280x1.024. La resolución de pantalla mide el número de píxeles a lo ancho y alto de la pantalla. Mientras más píxeles, mejor calidad y, mientras más puntos tenga una imagen, mayor será su detalle. Cada píxel puede representar una gama de colores que está en relación directa con el número de bits que tenga cada píxel: Bits por pixel 1 4 8 16 24 Número de colores 2 16 256 65.536 16.777.216 Lo ideal es trabajar con el máximo número de bit por píxel, a lo que se denomina "color verdadero", esto es, trabajar con 32 bits, que representan 16 millones de colores y 256 niveles de transparencia. Los ordenadores necesitan una memoria gráfica que está directamente relacionada con la resolución y el número de colores. Una resolución de 640 x 480 con 16 colores requiere 150 Kb y una resolución de 1.280x1.024 con color verdadero requiere 5 MB. El problema para almacenar imágenes, no sólo para guardarlos en los distintos soportes sin ocupar mucho espacio, sino para distribuirlos de forma rápida a través de la Web, consistía en reducir la cantidad de bits que servían para representar la imagen digital. Este problema se solucionó con la compresión de los datos por medio de la eliminación de los datos redundantes. Básicamente, las imágenes en el ordenador pueden almacenarse y procesarse de 2 formas diferentes: mediante un mapa de bits: matriz de puntos que al unirse forman la imagen, se habla también de formatos de trama (raster) mediante vectores: ecuación matemática que representa una imagen y que ofrece una muy alta calidad, ya que permite que sea ampliada hasta el infinito MINISTERIO DE EDUCACIÓN, CULTURA, CIENCIA Y TECNOLOGÍA Subsecretaría de Educación Coordinación de Capacitación, Perfeccionamiento y Actualización Docente “Las NTIC´s en el aula Formatos de Imagen Gráfico de mapa de bits 3 Gráfico vectorial de un triángulo Las imágenes se almacenan generalmente en uno de estos dos formatos fundamentales: formato de mapas de bits o formato de vector. En el ejemplo anterior, la imagen vectorial necesita unos pocos bytes, los necesarios para almacenar las tres coordenadas, mientras que la imagen del mapa de bits deberá almacenar todos y cada uno de los píxeles o huecos de la rejilla que conforma el triángulo. Si agrandamos ambas imágenes, la del gráfico vectorial tendrá siempre el mismo tamaño constante, mientras que los píxeles del gráfico del mapa de bits aumentarán el tamaño del archivo. El formato utilizado es otra de las variantes que hay que tener en cuenta a la hora de crear o editar imágenes, ya que existen numerosos formatos, aunque sólo algunos han logrado cierta estandarización. Formatos vectoriales: También se denominan gráficos orientados a objetos. Un gráfico vectorial se forma definiendo puntos en el plano mediante coordenadas y acciones que consisten en descripciones matemáticas para determinar la posición, longitud y dirección de las líneas que se deben dibujar. Por ejemplo, para dibujar el triángulo rojo anterior situado a la derecha, sólo hay que definir las coordenadas de los tres vértices y aplicar la acción de unirlos mediante una línea. Por el contrario, un gráfico de mapa de bits, como el situado a la izquierda en la imagen anterior, tiene una matriz o trama de píxeles y en ella se indica, para cada uno de los píxeles, si está coloreado o no. En los gráficos vectoriales los objetos se crean como conjuntos de líneas y no como patrones de puntos individuales (píxeles), tal y como ocurre en los gráficos de trama. El resultado es un gráfico que se puede escalar sin deformarlo y cuyo archivo, en general, ocupa un reducido espacio en la memoria y con mejor presentación que los formatos gráficos de mapas de bits o trama (raster). CGM es el estándar internacional para el archivo e intercambio de datos gráficos en 2D. Aunque al principio era un formato vectorial, ha sido ampliado para incluir capacidades de trama. Los formatos vectoriales de imágenes se crean con programas tales como Corel Draw (formato CDR), FreeHand (formatos FT ó FH), Adobe Illustrator (formato AI), etc. MINISTERIO DE EDUCACIÓN, CULTURA, CIENCIA Y TECNOLOGÍA Subsecretaría de Educación Coordinación de Capacitación, Perfeccionamiento y Actualización Docente “Las NTIC´s en el aula Formatos de Imagen 4 También son gráficos vectoriales los elaborados con los programas de diseño asistido por ordenador (CAD, acrónimo de Computer Aided Design), en 2D y en 3D. Se trata de un tipo de gráficos orientados a objetos, ya que el dibujo se describe matemáticamente como un conjunto de instrucciones que crean los distintos elementos de la imagen. Cada elemento (una línea, un círculo o un rectángulo) será un objeto, que se podrá tratar de manera independiente, sin que afecte al resto, aunque los elementos se pueden asociar para transformar la imagen de forma conjunta para cambiar el tamaño, color, etc. Otro de los formatos vectoriales más conocidos es WMF (Windows Meta File), el dibujo vectorial de Windows, pero los navegadores comunes de la Web actualmente no contienen soporte original para formatos de vector, aunque se están desarrollando lenguajes como el Vector Markup Language (VML) para codificar la información vectorial y que soporta formas vectoriales bidimensionales, texto y bitmaps, o el Scalable Vector Graphics (SVG) para describir y construir gráficos vectoriales 2D. Ambos lenguajes están basados en el lenguaje XML. Formatos de mapas de bits (bitmaps): imágenes punto a punto (píxeles) El píxel es el elemento básico de la imagen, igual que un bit es el elemento básico de los datos. El término pixel, acuñado en 1969, es una contracción de las palabras picture y element. Los formatos de mapas de bits almacenan los píxeles en las líneas de trama de la imagen y pueden contener cualquier número de colores (fijo para el formato individual). El espacio en color de un formato es el modelo que internamente representan los colores dentro de la imagen (hasta un conjunto máximo) basado en las combinaciones de algunos colores primarios, como rojo verde y azul -RGB- que colorean el espacio; el matiz, la saturación y el valor. Los formatos de trama o mapas de bits son los más populares en la Web, pero tienen algunas desventajas, ya que pueden ofrecer los bordes "dentados", una resolución pobre, tratan la información de texto como datos de imagen y es imposible escalar (agrandar la imagen) sin distorsión. La definición de una imagen viene determinada por la resolución espacial medida en número de píxeles por pulgada (ppi, píxels per inch) cuando hablamos del monitor, o puntos por pulgada (dpi, dots per inch) cuando hablamos de dispositivos de salida, como por ejemplo una impresora. La calidad de una imagen depende de su resolución y ésta influye sobre el tamaño del archivo. Por su parte, la tonalidad está determinada por una serie de factores entre los que destacan la resolución, la luminosidad o la profundidad del color. La luminosidad se MINISTERIO DE EDUCACIÓN, CULTURA, CIENCIA Y TECNOLOGÍA Subsecretaría de Educación Coordinación de Capacitación, Perfeccionamiento y Actualización Docente “Las NTIC´s en el aula Formatos de Imagen 5 expresa por el número de bits que representa cada píxel: 1 bit representa 2 tonos, 8 bits 256 tonos, 24 bits 16 millones de tonos, etc. El número de bits también condiciona el color. Por ejemplo, una escala de grises se representa en un único canal, pero el color necesitan por los menos 3 canales de 8 bits, aunque existen varios modos de color. Los más destacados son el modo RGB que consta de 3 canales y que es el más utilizado para visualizar la imagen en pantalla, y el modo CMYC que consta de 4 canales y se utiliza para la impresión en cuatricomía. Existen, por tanto, unas medidas físicas de calidad de la imagen, esto es, unas medidas objetivas. Formatos: RVA - Guarda la imagen con los valores de rojo, verde y azul para cada pixel. RLE - Comprime el archivo al agrupar los grandes bloques de color http://www.renderati.com/software/formatos-de-archivo-de-imagen/ Los principales formatos de mapa de bits son: GIF Graphics Interchange Format (GIF). Se trata de un formato binario desarrollado por CompuServe con el objetivo de proveer un formato estándar que fuera independiente del tipo de máquina que se usara. Utiliza el algoritmo LZW para la comprensión que se produce sin pérdidas y que contiene un máximo de 256 colores diferentes y que soporta animación y transparencia, todas las imágenes son rectangulares. No pierde calidad ni la imagen se ve modificada al manipularse y guardarse. Se trata de un formato bajo licencia ya que está sujeto a derechos por Unisys, pero han concedido una licencia limitada y libres derechos para su uso e ciertos visores de software. GIF ha alcanzado gran popularidad debido a su extenso uso en la Web y es soportado por todos los navegadores. En general, el formato GIF se recomienda para las imágenes simples, no es muy útil para los fondos texturizados puesto que, al tener pocos colores disponibles, el ordenador que las recibe intenta encontrar el color más cercano, produciéndose distorsiones que impiden que el texto sea visto en forma adecuada. ¿Cuándo es conveniente usar el formato GIF?: Cuando se requiera la transparencia de un único color. Cuando se requiera una animación para ser utilizada en Internet. Cuando la imagen tiene 256 colores o se verá bien con ese número de colores. Si la imagen contiene altos contrastes o grandes bloques de color. Versión GIF 87a es la versión inicial del formato GIF y en la cual no es posible incluir transparencia ni animación. 89a incluye estos anteriores elementos y es una versión mucho más reciente y compacta del formato GIF. MINISTERIO DE EDUCACIÓN, CULTURA, CIENCIA Y TECNOLOGÍA Subsecretaría de Educación Coordinación de Capacitación, Perfeccionamiento y Actualización Docente “Las NTIC´s en el aula Formatos de Imagen 6 JPEG Joint Photographics Expert Group (JPEG). Este formato binario puede almacenar hasta 16,7 millones de colores, por lo que se emplea con imágenes de alta resolución. Se trata de un formato estandarizado que permite la compresión de imágenes con color verdadero (true color) generadas por un algoritmo de comprensión con pérdida de calidad, pero con muy buena ratio de comprensión que no soportan capas ni transparencias. Las imágenes en color real se pueden comprimir y por eso se utiliza normalmente en las imágenes tomadas por las cámaras digitales y los escáneres para representar fotografías o imágenes del mundo real. Cuanto mayor sea la compresión, más pérdida de calidad respecto a la imagen original. De hecho, cada vez que abrimos y guardamos de nuevo una imagen en formato JPG, distorsionamos algo la imagen. Las imágenes comprimidas lo que hacen es usar una pérdida de calidad inteligente de acuerdo con lo que puede captar el ojo humano. Las imágenes JPEG (de extensión JPEG o JPG) son más pequeñas que las de formato GIF y, por lo tanto, mejores para su uso en la World Wide Web. Sin embargo, cuando se trata de imágenes simples o de pocos colores, con el formato GIF se consigue un resultado que mantendrá los colores del original de manera más acertada. Utilice el formato JPG cuando: Se requieran imágenes con 24 bits (16.7 millones) de color. Cuando la imagen es una fotografía o contiene tonos continuos. Serán usadas para su distribución en Internet. Se requieren fotografías con un reducido tamaño de archivo. Codificación: Codificación Estándar: Hace que la imagen se despliegue de su parte superior a la inferior cuando se ve en un navegador de Internet. Codificación Progresiva: La codificación progresiva permite a todos aquellos que ven la imagen en Internet, ver una copia burda y sin detalle mientras la imagen se descarga. Los detalles de la imagen se afinan conforme se termina la transmisión. Compresión Se debe seleccionar un nivel de compresión - alta compresión (baja calidad de imagen), baja compresión (alta calidad de la imagen) PNG Portable Network Graphics (PNG). Este formato se desarrolló en 1995 para crear un estándar libre con una buena ratio de comprensión y calidad y fue adoptado por CompuServe como sustituto de GIF. El formato PNG trata de combinar lo mejor de GIF y MINISTERIO DE EDUCACIÓN, CULTURA, CIENCIA Y TECNOLOGÍA Subsecretaría de Educación Coordinación de Capacitación, Perfeccionamiento y Actualización Docente “Las NTIC´s en el aula Formatos de Imagen 7 JPG: comprensión sin pérdidas y hasta 16 millones de colores. Desde la perspectiva de la Web, PNG tiene una serie de ventajas sobre GIF que incluyen: canales alfa (transparencia variable), corrección de gama (control de plataforma de brillo de imagen), entrelazamiento en dos dimensiones y mejor compresión. PNG soporta imágenes basadas en plataformas desde 8 bit, hasta 48 bit (color verdadero) RGB o escala de grises de 16 bits. A diferencia de JPEG, salvar y guardar de nuevo una imagen PNG no degradará su calidad, por lo que se trata de un formato útil para el almacenar las etapas intermedias de corrección y modificación. Las revisiones finales de imágenes fotográficas es mejor convertirlas a JPEG. Casi todos los navegadores soportan este formato, salvo versiones muy antiguas. Se usa el formato PNG para: Alta transparencia de color alfa. Compresión sin pérdida para imágenes de color de alta resolución y alto contraste. Imagen de alta calidad con compresión sin pérdida. Opciones: Adam 7 Entrelazado[2] Optimización de la paleta - Si se selecciona optimizar la paleta, ésta es reducida para contener solamente los colores que están presentes en la imagen. La paleta de color se arregla de forma tal que el color transparente se encuentre al principio. Estos pasos reducen considerablemente el tamaño de la imagen. TIFF Tagged Image File Format (TIFF): se trata de un archivo binario y es un formato de imagen de alta resolución y de gran tamaño que fue diseñado en 1986 por Aldus Corporation, por lo que es uno de los formatos más antiguos en uso. Aunque al principio se usó en la edición por ordenador, su extenso uso ha hecho que se pusiera en práctica sobre muchas plataformas y se ha convertido de facto en el formato estándar utilizado en la industria. El TIFF es un formato basado en etiquetas para almacenar e intercambiar imágenes de trama. Es capaz de describir dos niveles, escala de grises, datos de plataforma de imagen a todo color en varios espacios en color. Hay 4 formatos básicos de TIFF: bitmap, escala de grises, paleta de color y RGB-COLOR. Cada uno de estos formatos internos tiene sus propias opciones para la compresión. Existen problemas con la utilización de diferentes versiones de TIFF y los usuarios agregan sus propias etiquetas, que los intérpretes no necesariamente entienden. Soporta todas las transparencias y el color de las imágenes, pero puede perderse información cuando se transforma a otro formato. No es soportado por los navegadores. PDF Portable Document Format (PDF). Este formato de documento portátil, es el estándar de facto para la distribución e intercambio de documentos. Se trata de un formato MINISTERIO DE EDUCACIÓN, CULTURA, CIENCIA Y TECNOLOGÍA Subsecretaría de Educación Coordinación de Capacitación, Perfeccionamiento y Actualización Docente “Las NTIC´s en el aula Formatos de Imagen 8 de archivo que mantiene las fuentes, imágenes, gráficos y la apariencia de cualquier documento de origen, independientemente de la aplicación y plataforma utilizadas para crearlo. PDF es una especificación de formato abierta, aunque lo utiliza Adobe y se ha hecho muy conocido porque se puede compartir, ver e imprimir con el software gratuito Adobe Reader. Cualquier archivo se puede convertir al formato PDF. BMP Windows Bitmap. Es el formato utilizado por las aplicaciones de Microsoft Windows. Soporta color completo, pero sin ninguna comprensión, por lo que ocupa mucho espacio. Algunos navegadores no lo soportan y no sirve para la Web. ¿Qué formato usar? En la WWW, los formatos más utilizados son GIF, JPEG y PNG. En cuanto a cuál de estos formatos utilizar, no hay una fórmula definitiva, pero se suele utilizar JPEG para las fotografías y GIF para las imágenes de gráficos que incluyan rótulos de texto o para imágenes sencillas con pocos colores y formas muy delimitadas. Para imágenes con colores muy definidos y sin degradados se utilizan GIF o PNG. Si queremos utilizar una imagen sobre fondo transparente se usará GIF89a. Puede que el formato PNG desbanque al GIF porque es más avanzado, pero su uso no está muy extendido y no lo soportan todos los navegadores, pero sí los más comunes. La elección depende del tipo de gráfico y de la calidad que se desee. Imagen JPG (79 Kb) Imagen JPG (6,18 KB) Imagen GIF(18 Kb) Imagen GIF (2,82 Kb) Imagen PNG(70 Kb) Imagen PNG (2,51Kb) MINISTERIO DE EDUCACIÓN, CULTURA, CIENCIA Y TECNOLOGÍA Subsecretaría de Educación Coordinación de Capacitación, Perfeccionamiento y Actualización Docente “Las NTIC´s en el aula Formatos de Imagen JPEG (4.972 bytes) GIF (2.394 bytes) 9 PNG (1.613 bytes) Otros formatos: PCD PhotoCD es un formato propietario inventado por Kodak para almacenar imágenes digitales de gran resolución sobre CD. Estas imágenes pueden verse en una serie de resoluciones y pueden manipularse usando un software de procesamiento de imágenes. PSD: Se trata del formato de Adobe Photoshop y se utiliza en muchas imprentas, permite capas. PCX: Es muy similar al BMP, pero comprimido. Se utiliza con el Paintbrush de Windows y se utiliza para imágenes de 256 colores. FLM: formato de tira de película. Grupo 4 fax: El Comité de Información Internacional de Telecomunicaciones (CCITT) ha desarrollado una serie de mecanismos de compresión para transmitir imágenes en blanco y negro a través de línea telefónica, que se usan por máquinas de fax. Oficialmente, las normas de la CCITT se denominan como Recomendaciones t 4 y t 6, pero más comúnmente se conocen como Grupo 3 y Grupo 4 de compresión, respectivamente. Imágenes animadas y en movimiento: Una imagen animada se logra mediante una rápida sucesión de imágenes estáticas, esto es, si concatenamos cuatro o cinco archivos GIF podremos crear un GIF animado. También se pueden realizar imágenes animadas con ciertas tecnologías y lenguajes de programación específicos: el lenguaje Java, creado por Sun Microsystems, o Flash de Macromedia. Los banners publicitarios de las páginas web suelen seguir esta técnica de los GIF animados o estos lenguajes específicos. Últimamente abundan las páginas creadas con la tecnología Flash. Flash, aunque permite trabajar también con bitmaps, utiliza gráficos vectoriales para realizar sus animaciones. Esto permite que se generen animaciones de muy alta calidad y dimensiones, reduciendo mucho su tiempo de carga cuando intentamos visualizarlas en el navegador web. Además los archivos de Flash no necesitan ser descargados completamente para visualizarse, puesto que, cuando existe una información mínima suficiente del archivo, éste se puede mostrar mientras continúa su descarga al mismo tiempo. MINISTERIO DE EDUCACIÓN, CULTURA, CIENCIA Y TECNOLOGÍA Subsecretaría de Educación Coordinación de Capacitación, Perfeccionamiento y Actualización Docente “Las NTIC´s en el aula Formatos de Imagen 10 GIF89a El formato de GIF89a permite codificar imágenes múltiples dentro de un archivo con una tasa marco especificada de movimiento rápido. GIF89a es soportado por muchos navegadores web y la imagen sólo se carga una vez. Las limitaciones de este formato se refieren a que incluye un máximo de 256 colores y que no soporta audio. PNM: es una alternativa a los gif's animados. SWF: es el formato contenedor de Flash Macromedia y puede comprender imágenes jpg, gif, png, vídeos avi, mov, ó imágenes vectoriales propias de este software que tienen la capacidad de movimiento. El lenguaje HTML crea páginas web estáticas en las que el único movimiento que podemos encontrar se debe a las imágenes animadas (GIFS) o a vídeos insertados en ellas. Así que pronto surgieron alternativas como el lenguaje Javascript que nació con el objeto de crear acciones o programas cortos que se pudieran insertar en la Web para que fuera animada. Javascript no es un lenguaje de programación propiamente dicho, puesto que sólo crea "acciones" que se ejecutarán posteriormente en el navegador. No se pueden crear programas en Javascript, se trata sólo de complementos para la Web. El lenguaje DHTML en realidad no es más que una combinación de HTML y Javascript que permite crear menús vistosos, aunque sin animaciones extraordinarias. Estas limitaciones y el hecho de que Javascript presentara problemas de seguridad y de que existieran muchos navegadores que no lo soportaran, impulsó el desarrollo del formato SWF bajo Flash. El formato SWF se usa en la creación de CDs interactivos, banners publicitarios, dibujos animados, optimización de planos y diseños de interiores, etc. y gran parte de las páginas web utiliza esta tecnología. (Ver ejemplos con Flash: "Asalto al Congreso 23-F": http://estaticos.elmundo.es/especiales/2001/02/nacional/23-f/23f.swf o "The Beatles: All about": http://www.beatlemania.ca) Tabla: Formatos de archivo de imágenes más comunes Nombre TIFF GIF 89a JPEG (Joint Flashpix ImagePac, PNG PDF (Tagged (Graphics Photographic Photo CD (Portable (Portable Image Interchange Expert Network Document File Format) Group)/JFIF Graphics) Format) Format) (JPEG File Interchange Format) .tif, .tiff Extensión (Extensiones) Profundidad Bitonal a 1 bit; escala de (es) de bits grises o color de paleta de 4 u 8 bits; hasta color .gif .jpeg, jpg, .jif, .jfif .fpx .pcd Bitonal, escala Escala de grises a Escala de Color a 24 bits de grises o color 8 bits; color a 24 grises a 8 entre 1 y 8 bits bits bits; color a 24 bits .png .pdf 1-48 bits; color a 8 bits, escala de grises a 16 bits, color a 48 bits Escala de grises a 4 bits; color a 8 bits; soporta hasta 64 bits para color MINISTERIO DE EDUCACIÓN, CULTURA, CIENCIA Y TECNOLOGÍA Subsecretaría de Educación Coordinación de Capacitación, Perfeccionamiento y Actualización Docente “Las NTIC´s en el aula Formatos de Imagen 11 de 64 bits Compresión Descompri- Sin pérdida: mido sin LZW pérdida: ITUT.6, LZW, etc. Con pérdida: JPEG Sin pérdida Descompri- Con pérdida: mido Formato patentado Kodak "sin Con pérdida visual" pérdida: JPEG Sin pérdida: Deflate, derivado de LZ77 Con pérdida: JPEG Con pérdida: JPEG Estándar / patentado Estándar de facto Estándar de facto JPEG: ISO 10918- Especifica1/2. ción disponible para el JFIF: estándar de público facto. Gestión de color RGB, Paleta, Paleta YCbCr,CMYK, CIE L*a*b* YCbCr Soporte de Web Conexión o aplicación externa Originario desde Microsoft Internet Explorer 3, Netscape Navigator 2 Originario desde Conexión Microsoft® Internet Explorer 2, Netscape Navigator 2 Soporte de metadatos Conjunto básico de rótulos etiquetados Campo de texto Campo de texto libre para libre para comentarios comentarios Comentarios Acepta imágenes y archivos múltiples Se puede reemplazar por PNG. Soporte de entrelazado y transparencia a través de la mayoría de los navegadores Web Página web Página inicial Especificación no oficial de GIF TIFF Descomprimido Sin pérdida: ITUT.6, LZW Patentado ISO 15948 (anticipado) Estándar de facto PhotoYCC y PhotoYCC NIF RGB, ICC (opcional) Paleta, sRGB, ICC RGB, YCbCr, CMYK Aplicación Java™ o aplicación externa Originario desde Microsoft Internet Explorer 4, Netscape Navigator 4.04, (pero aún incompleto) Conexión o aplicación externa Gran conjunto de rótulos etiquetados A través de bases de datos externas; no posee metadatos inherentes Conjunto básico de rótulos etiquetados más rótulos definidos por el usuario. Conjunto básico de rótulos etiquetados JPEG progresivo ampliamente soportado por los navegadores Web Proporciona múltiples resoluciones de cada imagen; amplio soporte de la industria, pero aplicaciones actuales limitadas Proporciona 5 Puede Preferido para ó6 reemplazar a imprimir y ver resoluciones GIF documentos diferentes de de páginas cada imagen; múltiples; uso futuro incierto intensivo por parte del gobierno Página inicial JPEG Página inicial FlashPix Página inicial PhotoCD Página inicial Página inicial PNG PDF Fuente: Formatos de archivo de imágenes comunes. http://www.library.cornell.edu/preservation/tutorial-spanish/presentation/table7-1.html Visores de imágenes: Las imágenes se pueden ver a través del navegador web habitual, pero si éste no admite un tipo de formato determinado, necesitaremos un visor de imágenes. He aquí algunos de descarga libre desde la Web: G3DViewer: http://automagically.de/?g3dviewer GQview: http://gqview.sourceforge.net gThumb: http://gthumb.sourceforge.net/ XnView: http://www.xnview.com/ Pixieplus: http://www.mosfet.org/pixie/ QIV: http://www.klografx.net/qiv Quick Image Viewer: http://www.klografx.net/quiv MINISTERIO DE EDUCACIÓN, CULTURA, CIENCIA Y TECNOLOGÍA Subsecretaría de Educación Coordinación de Capacitación, Perfeccionamiento y Actualización Docente “Las NTIC´s en el aula Formatos de Imagen 12 XV: http://www.trilon.com/xv/whatisxv.html Cuando se carga una imagen normal en el navegador, la imagen se va mostrando de arriba a abajo, pero se puede conseguir que se visualice por capas y esto es válido tanto para GIF como para JPG. Editores de imágenes: Para crear, editar y manipular las imágenes necesitaremos un editor. Estos son algunos de los más usados. Adobe Photoshop http://www.adobe.com/products/photoshop/main.html LView http://www.lview.com Paint Shop Pro http://www.jasc.com Picasa: http://picasa.google.com/ Pixia http://www.pixianos.freeservers.com/ Programas específicos para crear Gifs animados: GIF Construction Set http://www.mindworkshop.com/alchemy/gifcon.html Avanced Gif Animator http://www.creabit.com/gif/ Manual y Directorio de programas: http://www.webreference.com/dev/gifanim/ MINISTERIO DE EDUCACIÓN, CULTURA, CIENCIA Y TECNOLOGÍA Subsecretaría de Educación Coordinación de Capacitación, Perfeccionamiento y Actualización Docente “Las NTIC´s en el aula Formatos de Imagen 13 Imagen tridimensional Existen varios programas que producen archivos tridimensionales, como por ejemplo AutoCAD ó 3D Studio. Los archivos más conocidos generados por estos programas son AutoCAD, DXF, PHIGS o IGES. El formato VRML (Virtual Reality Modelling Language) poco a poco se ha ido convirtiendo en el estándar para objetos 3D dentro de la Web. VRML es una tecnología abierta que permite enlaces a otros VRML y recursos de HTML. Actualmente se utilizan aplicaciones de VRML para anuncios publicitarios, arquitectura, visualización organizada de datos, comercio electrónico, laboratorios virtuales, simulaciones para investigación, visualización científica, arte, entretenimiento, etc. Existen algunos visualizadores de VRML dominio público. VRML: El lenguaje de la Realidad Virtual. En 1989, Rikk Carey y Paul Strauss de Silicon Graphics Inc., iniciaron un nuevo proyecto con el fin diseñar y construir una infraestructura para aplicaciones interactivas con gráficos tridimensionales con el fin de construir un ambiente que permitiera el desarrollo de aplicaciones interactivas con gráficos tridimensionales distribuidos y que pudiera ser empleado para construir una nueva interfaz de usuario tridimensional. VRML es un acrónimo de Virtual Reality Modeling Language (Lenguaje para Modelado de Realidad Virtual). En realidad, técnicamente hablando, VRML no es realidad virtual inmersiva ni un lenguaje de modelado. Realidad virtual inmersiva implica una experiencia tridimensional inmersiva y dispositivos externos como cascos o guantes digitales para lograr capturar otros sentidos diferentes al oído y a la vista. VRML no requiere ni prevé una inmersión sensorial total, pero VRML sí ofrece un conjunto básico de primitivas para el modelaje geométrico tridimensional y tiene la capacidad de dar comportamiento a los objetos y asignar diferentes animaciones que pueden ser activadas por eventos generados por diferentes usuarios. La especificación de VRML 2.0 puede encontrarse en http://tecfa.unige.ch/guides/vrml/vrml2/ Para la navegación en VRML se precisan una serie de accesorios. Para los navegadores antiguos existen varios tipos de accesorios para la navegación en VRML e incluso hay algunos navegadores diseñados únicamente para navegar mundos virtuales. Los accesorios son instalables en el navegador existente y por lo general son gratuitos. Entre ellos, se encuentran CosmoPlayer de Silicon Graphics http://ca.com/cosmo/ o WorldView de Intervista disponible en: http://www.Intervista.com Se pueden programar Mundos Virtuales, a través de un lenguaje como el VRML (Virtual Reality Modeling Language) o sea Lenguaje para la Modelación de Realidad Virtual. Se trata de un lenguaje de descripción de escenas y no de Programación, ya que se acerca más al HTML que a otros Lenguajes como el Java, Visual Basic, C++ etc. De por sí el lenguaje VRML no responde a eventos, sino que lo hará como el HTML a través de convocar a otros lenguajes, como por ejemplo el Javascript. MINISTERIO DE EDUCACIÓN, CULTURA, CIENCIA Y TECNOLOGÍA Subsecretaría de Educación Coordinación de Capacitación, Perfeccionamiento y Actualización Docente “Las NTIC´s en el aula Formatos de Imagen He aquí algunos ejemplos 3D en imágenes: Visualización QuickTime VR (QuickTime incluye un plugin para realidad virtual): http://www.destination360.com/lostcities.htm Ejemplos de modelado en 3D extraídas del diseñador Carlos Agell Sogbe: http://homepage.mac.com/agell/Menu2.html La nueva escritura de la imagen digital: Para generar una imagen digital existen distintos procedimientos: Captación digital de una escena u objeto real con cámara digital Captación directa de una imagen desde la pantalla Digitalización de una representación analógica por medio del escáner, tableta gráfica, etc. Digitalización seguida de elaboración e interpretación de la imagen Manipulación de formas y colores, morphing, etc. Síntesis autogenerativa: para la representación de formas naturales dinámicas recurriendo a algoritmos (proceso morfogenético, renderización, etc.) Animación de figuras y objetos tridimensionales, a partir de dibujo digitalizado o directamente en forma digital En la mayoría de estos casos, mientras una reproducción tradicional se concentra en la superficie del objeto, la imagen digital se construye a partir de la estructura del objeto y eventualmente de parámetros de su entorno. La utilización de la imagen visual es fundamental para realizar un buen producto multimedia e hipermedia ya que la imagen no tiene que ser un mero decorado, sino que debe formar parte del contenido informativo, formativo y proactivo del hipertexto. MINISTERIO DE EDUCACIÓN, CULTURA, CIENCIA Y TECNOLOGÍA Subsecretaría de Educación Coordinación de Capacitación, Perfeccionamiento y Actualización Docente 14 “Las NTIC´s en el aula Formatos de Imagen 15 El uso de la imagen en el hipertexto tiene 2 tipos de funcionalidades: por un lado, conformar la información de contenido del hipertexto (uso de ilustraciones, fotografías, logotipos, materiales infográficos, animaciones, etc.) y, por otro, conformar la interfaz gráfica del hipertexto por medio de botones, iconos, barras de navegación, y otras herramientas de navegación que, en muchos casos, aportan cierto grado de interactividad al permitir que el usuario manipule la información mediante imágenes a modo de enlaces, mapas cliqueables, etc. Mapa cliqueable de París que sitúa los principales monumentos en el plano de la ciudad y da acceso a información directa sobre ellos. Paris Pages. Maps of Monuments & Museums of Paris: http://www.paris.org/Maps/MM/ Ejemplos del primer tipo, esto es, el uso de imágenes como información de contenido del hipertexto, ha hecho que proliferaran los museos y galerías en línea y toda una serie de utilidades que tienen que ver con el uso de la imagen y del medio icónico como instrumento de comunicación para la expresión artística. La expansión de las nuevas tecnologías a comienzos de la década de los noventa, originó la producción de hipermedias en soporte CD-ROM para difundir los fondos de museos y galerías de arte. Los primeros CDs eran promocionales y sólo más tarde se convirtieron en material didáctico y programas para analizar críticamente las obras de arte. La explosión de la Web ha hecho que estos museos pasaran del CD-ROM a la red y que fuera posible la clasificación, indización y catalogación de imágenes mediante la aplicación de metadatos aplicacables a imágenes para hacer más efectiva su búsqueda y recuperación. También la utilización de imágenes en la World Wide Web ha hecho que se desarrollara enormemente la prensa online y todo tipo de recursos que utilizan el diseño gráfico y la infografía como una forma de convertir el texto en verdadero hipertexto/hipermedia para que el medio textual se apoye sobre el medio gráfico, y viceversa; o para que el medio gráfico se convierta en una reproducción virtual del medio real. (Como ejemplo de infografía, ver el simulador de navegación que ofrece National Geographic: "Sailing Simulator": http://www.nationalgeographic.com/volvooceanrace/interactives/sailing) Una variante en este sentido, es la utilización de otros recursos icónicos como son los mapas, planos, gráficos y tablas estadísticas, etc. y otro tipo de información icónica que no sólo sirve para la expresión artística, sino precisamente para apoyar el contenido de MINISTERIO DE EDUCACIÓN, CULTURA, CIENCIA Y TECNOLOGÍA Subsecretaría de Educación Coordinación de Capacitación, Perfeccionamiento y Actualización Docente “Las NTIC´s en el aula Formatos de Imagen 16 forma gráfica. Así pues, el medio icónico sirve tanto para la expresión artística, como para apoyar las funciones informativas y comunicativas, docentes, etc. e incluso, humorísticas (Ver: http://www.jrmora.com) MUSEOS Y ARTE EN GENERAL Batashoe Museum (museo del calzado en Canadá): http://www.batashoemuseum.ca The British Museum: http://www.thebritishmuseum.ac.uk/ Guggenheim.org (sedes en Nueva York, Bilbao, Venecia, Berlín y Las Vegas): http://www.guggenheim.org/ Lacma.org. Beyond Geometry: http://www.lacma.org/beyondgeometry Louvre: http://www.louvre.fr/ The Metropolitan Museum of Art: http://www.metmuseum.org/ Museo de América: http://museodeamerica.mcu.es/ Museo Nacional Centro de Arte Reina Sofía: http://www.museoreinasofia.es Museo Nacional del Prado: http://museoprado.mcu.es/home.html Museo Thyssen-Bornemisza: http://www.museothyssen.org/ Museum of Modern Art de Nueva York (MoMA): http://www.moma.org/ NYPL Digital Gallery. Imágenes de libre acceso en la Biblioteca Pública de Nueva York: http://digitalgallery.nypl.org/nypldigital/index.cf m Rijksmuseum: http://www.rijksmuseum.nl/index.jsp The State Hermitage Museum: http://www.hermitage.ru/ San Francisco Museum of Modern Art: http://www.sfmoma.org/ Tate Galery: http://www.tate.org.uk/ World Wide Arts Resources: http://wwar.com MAPAS Atlapedia: http://www.atlapedia.com/ Atlas del mundo: http://go.hrw.com/atlas/span_htm/world.htm Barcelona Guía: http://www.bcn.es/guia/ Cyber-Geography: http://www.cybergeography.org/ Europa: http://europa.eu.int/abc/maps/index_es.htm European Environment Agency. EEA Maps and graphs: http://dataservice.eea.eu.int/atlas/ Google Earth: http://earth.google.com/ Hipermapa: Atles electrònic de Catalunya: http://www10.gencat.net/ptop/AppJava/cat/ actuacions/territori/hipermapa.jsp Image2000 & Corine Land Cover 2000 Project (mapas de vistas por satélite): http://image2000.jrc.it The Library of Congress. Map Collections Home 1500-2004. http://lcweb2.loc.gov/ammem/gmdhtml Mapa topográfico del mundo: http://tierra.tutiempo.net/mapa.html Mapa de Universidades Españolas: http://www.ua.es/es/internet/unimapa.htm Mundiescaparate. (localidades españolas a través de imágenes fotográficas panorámicas): http://www.mundiescaparate.com Plano de Madrid: http://www.munimadrid.es/Principal/ indexplano.html Plano del metro de Madrid: http://www.metromadrid.es/redmetro/ visor/plano.asp World Atlas: http://www.worldatlas.com/aatlas/world.htm World Sites Atlas: http://www.sitesatlas.com/ En cuanto a la utilización de imágenes como botones, líneas, iconos, fondos y texturas para web, etc. como herramientas de navegación o para constituir la interfaz hipertextual, la MINISTERIO DE EDUCACIÓN, CULTURA, CIENCIA Y TECNOLOGÍA Subsecretaría de Educación Coordinación de Capacitación, Perfeccionamiento y Actualización Docente “Las NTIC´s en el aula Formatos de Imagen 17 World Wide Web está plagada de páginas que nos ofrecen estos recursos de forma gratuita: Animations.com: http://www.animations.com/en/ Clip-Art: http://www.clip-art.com/ Clip-art Connection: http://www.clipartconnection.com/ The Graphics.com: http://www.graphics.com/top100graphics.php Photos.com: http://www.photos.com/en/ Bibliografía: ACM SIGGRAPH. http://www.siggraph.org/ ArtMuseum.net From Wagner to Virtualy Reality. http://www.artmuseum.net/w2vr/ BARRET, Edward y REDMOND, Marie. (compiladores). Medios contextuales en la práctica cultural. Barcelona, Paidós, 1997. CODINA, Lluís y PALMA, María del Valle. "Bancos de imágenes y sonido y motores de indización en la www". Revista Española de Documentación Científica, Vol.24, núm.3, 2001. http://www.cindoc.csic.es/redc/redc.html COLLE, Raymond. "El contenido de los mensajes icónicos". Revista Latina de comunicación Social, número 19, julio 99. La Laguna (Tenerife). http://www.ull.es/publicaciones/latina/a1999gjn/76coll/76aciintr.htm Computer Graphics Group (CGG). http://graphics.lcs.mit.edu/ DEMERS, Owen. Técnicas digitales de textura y pintura. Anaya Multimedia, 2002. EVA WP3.2. Report on standards for image quality. http://www.eva-eu.org/WP31.PDF IGLESIAS FRANCH, David. La gestión de la imagen digital. "Hipertext.net", núm. 2, 2004. http://www.hipertext.net/web/pag212.htm Finding Images on the Web. http://www.bu.edu/library/instruction/findimages/ HERNÁNDEZ PÉREZ, "La fotografía digital". En Manual de documentación fotográfica. Félix del Valle Gastaminza (ed.) Madrid, Síntesis, 1999. http://rayuela.uc3m.es/~tony/publicaciones/librpope.pdf JARIEGO GALLEGO, Fernando. Vida digital : creación profesional de personajes 3D. Anaya Multimedia, 2003. JPEG. http://www.jpeg.org/index.html MINISTERIO DE EDUCACIÓN, CULTURA, CIENCIA Y TECNOLOGÍA Subsecretaría de Educación Coordinación de Capacitación, Perfeccionamiento y Actualización Docente “Las NTIC´s en el aula Formatos de Imagen LÓPEZ YEPES, Alfonso. "Bancos de imágenes en Internet". Red Digital. Revista de Tecnologías de la Información y Comunicación Educativas, núm. 3, enero 2003. http://www.cnice.mecd.es/cinternet-educacion/actas/informes/textos/bancosimagenes.pdf LUSENET, Yola de. Preservation of digital heritagle: Draft discuss paper prepared for UNESCO, ACPA, 2002. http://www.knaw.nl/ecpa/PUBL/unesco.html LISTER, Martín. (compilador). La imagen fotográfica en la cultura digital. Barcelona, Paidós Multimedia, 1997. POLEVOI, Rod. 3D Studio MAX R3. A fondo. Ed. Anaya Multimedia, 2000. REGIL, Laura. Nuevos balcones digitales: La incorporación del hipermedia en los Museos de Arte. http://www.narxiso.com/balcones.html ROSA, Antonio de la. SENSO, José A. "La dualidad texto-imagen en SVG (scalable vector graphics: nuevas posibilidades para la descripción de información gráfica". El profesional de la información, V. 12, n. 5, septiembre-octubre 2003. http://www.ugr.es/~jsenso/curriculum/svg.pdf Standford Computer Graphics Laboratory. http://graphics.stanford.edu/ The Graphics File Formats Page. http://www.dcs.ed.ac.uk/home/mxr/gfx/index-hi.html MINISTERIO DE EDUCACIÓN, CULTURA, CIENCIA Y TECNOLOGÍA Subsecretaría de Educación Coordinación de Capacitación, Perfeccionamiento y Actualización Docente 18