Imagen

María Jesús Lamarca Lapuente. Hipertexto: El nuevo concepto de documento en la cultura de la imagen.



 

Inicio     navega al azar mapa conceptual  buscar

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 Número de colores
1 2
4 16
8 256
16 65.536
24 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

bits                       vectorial

       Gráfico de mapa de bits                             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 escalablecomo 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.

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. imagen 3DCada 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 puedendetalle de píxeles 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 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.

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 recomiendan 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.

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 ejemplo de miniatura jpg hipertexto.infoque 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 Wid 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.

 

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 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.

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 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 Imagen GIF Imagen PNG

Imagen JPG (79 Kb)                         Imagen GIF(18 Kb)                         Imagen PNG(70 Kb) 

 imagen jpg    imagen gif    imagen png

Imagen JPG (6,18 KB)                    Imagen GIF (2,82 Kb)               Imagen PNG (2,51Kb)

 imagen jpg              imagen gif              imagen png

 JPEG (4.972 bytes)                         GIF (2.394 bytes)                  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 utliza 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:

animaciónUna 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.

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 animación giflimitaciones de este formato se refieren a que incluye un máximo de 256 colores y que no soporta audio. animación clicable   imagen animada  imagen animada imagen animadaimagen animada

 

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 (Tagged Image File Format) GIF 89a (Graphics Interchange Format) JPEG (Joint Photographic Expert Group)/JFIF (JPEG File Interchange Format) Flashpix ImagePac, Photo CD PNG  (Portable Network Graphics) PDF  (Portable Document Format)
Extensión (Extensiones) .tif, .tiff .gif .jpeg, jpg, .jif, .jfif .fpx .pcd .png .pdf
Profundidad (es) de bits Bitonal a 1 bit; escala de grises o color de paleta de 4 u 8 bits; hasta color de 64 bits Bitonal, escala de grises o color entre 1 y 8 bits Escala de grises a 8 bits; color a 24 bits Escala de grises a 8 bits; color a 24 bits Color a 24 bits 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
Compresión Descompri-
mido sin pérdida: ITU-T.6, LZW, etc.

Con pérdida: JPEG

Sin pérdida: LZW Con pérdida: JPEG

Sin pérdida

Descompri-mido

Con pérdida: JPEG

Con pérdida: Formato patentado Kodak "sin pérdida visual" Sin pérdida: Deflate, derivado de LZ77 Descom-primido Sin pérdida: ITU-T.6, LZW

Con pérdida: JPEG

Estándar / patentado Estándar de facto Estándar de facto JPEG: ISO 10918-1/2.

JFIF: estándar de facto.

Especifica-
ción disponible para el público
Patentado ISO 15948 (anticipado) Estándar de facto
Gestión de color RGB, Paleta, YCbCr,CMYK, CIE L*a*b* Paleta YCbCr PhotoYCC y NIF RGB, ICC (opcional) PhotoYCC Paleta, sRGB, ICC RGB, YCbCr, CMYK
Soporte de Web Conexión o aplicación externa Originario desde Microsoft Internet Explorer 3, Netscape Navigator 2 Originario desde Microsoft® Internet Explorer 2, Netscape Navigator 2 Conexión 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
Soporte de metadatos Conjunto básico de rótulos etiquetados Campo de texto libre para comentarios Campo de texto libre para comentarios 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 etiqueta-
dos
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 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 ó 6 resoluciones diferentes de cada imagen; futuro incierto Puede reemplazar a GIF Preferido para imprimir y ver documentos de páginas múltiples; uso intensivo por parte del gobierno
Página web Página inicial no oficial de TIFF Especificación GIF Página inicial JPEG Página inicial FlashPix Página inicial PhotoCD Página inicial PNG Página inicial 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:

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.editor Picasa

 

Editores de imágenes:

 

Para crear, editar y manipular las imágenes necesitaremos un editor. Estos son algunos de los más usados.editor

Programas específicos para crear Gifs animados:

editor              editor imágenes animadas

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, herramientas visualización imagen 3Dvisualizació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, realidad virtualpero 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.

He aquí algunos ejemplos 3D en imágenes:

     3D    3D

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 morphinguna 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.

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 clicables, etc.

 Mapa cliclable de París

Mapa cliclable 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 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

MAPAS

   

mapa España

 

 

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 World Wide Web está plagada de páginas que nos ofrecen estos recursos de forma gratuita:

 


 Bibliografía: animación

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

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

 

    Arriba 
 


 

 Título: Hipertexto, el nuevo concepto de documento en la cultura de la imagen
 Autora: María Jesús Lamarca Lapuente (currículo personal)

 Contacta

 Tesis doctoral. Universidad Complutense de Madrid

 URL: http://www.hipertexto.info

 Fecha de Actualización: 29/07/2018   

 184 páginas web. 2.627 archivos. 2.208 imágenes. Tamaño: 52.406Kb.
 34.389 enlaces (10.436 externos y 23.953 internos)
  

 

Esta obra está licenciada bajo las siguientes condiciones: 
Creative Commons License
Creative Commons Reconocimiento-NoComercial-NoDerivados-Licencia España 2.5.

 


OTRAS PÁGINAS DE LA AUTORA
 

           Blog El Cultural a la PuertaBlog El Cultural a la Puerta:: http://puertadetoledo.blogspot.com/ 

                                                                                                                AGETECA. Base de Datos de Gestión Cultural
                                                                                                                 Ageteca. Base de Datos de Gestión Cultural:
      
                                                                                                    http://www.agetec.org/ageteca

Fundación Ricardo Lamarca, ajedrez y cultura

Fundación Ricardo Lamarca, Ajedrez y cultura http://www.fundacionlamarca.es

 

 

La artesa digital

Blog La artes@ digital
http://artesadigital.blogspot.com

Blog La artesa digital Flickr La artes@ digital: Galería de fotos mundo
 digital y mundo analógico: http://www.flickr.com/photos/artesadigital/

Blog miembras

Blog Miembras: usos lingüísticos, políticos y sociales del lenguajeBlog Miembras: Usos lingüísticos, políticos
 y sociales del lenguaje http://miembras.blogspot.com

Proyecto Museo del Ajedrez - Casa de Campo
https://museodelajedrez.es Museo del ajedrez
 

 

 

 

Mapa de navegación / Tabla de contenido / Mapa conceptual / Tabla de documentos / Buscador / Bibliografía utilizada / Glosario de Términos / Índice Temático / Índice de Autores