Se puede obtener un hipervínculo cuando una imagen vincula a texto, imagen o sonido y para explicar mejor esto se presenta el siguiente ejemplo de hipervínculo en su estado natural:
<a href=”vínculo”><img src=” imagen.jpg”></a>
En el ejemplo anterior, la orden <img src=” imagen.jpg”> indica que se visualiza una imagen, cuyo nombre es imagen.jpg. Las imágenes se
4.4.2.
visualizan a través de la utilización de la etiqueta <img>. La imagen es solo un archivo que es convocado a la página con el atributo src, es decir, img src entiéndase “image source”, o en español, fuente de la imagen. Algunos
de los atributos de la imagen son width y height, los cuales determinan
el tamaño de la imagen o el atributo BORDER que permite colocar un borde alrededor de la imagen. Por otro lado está el atributo ALT, o texto alternativo, que permite agregar una descripción a la imagen en texto. Estas imágenes invocadas en la página a través de la etiqueta <img> al estar encerrada entre la etiqueta <a>, indica que dicha imagen tiene un vínculo. Tal como se explicó en el aparte anterior.
Algo que se debe saber primero sobre los formatos gráficos de imagen, es que básicamente existen dos tipos: Los gráficos vectoriales que son imágenes
conformadas geométricamente con puntos, líneas, curvas o polígonos, que se construyen con un ordenador basándose en ecuaciones matemáticas. Los
gráficos bitmap que son imágenes estructuradas por píxeles o puntos de
color, representados generalmente por una rejilla rectangular, en los que cada
píxel está definido individualmente con un color; por ejemplo, una imagen
en un espacio de color RGB, almacenará el valor de color de cada píxel en tres paquetes de información: uno para el verde, uno para el azul, y otro
para el rojo. Los gráficos vectoriales se distinguen de los gráficos bitmap
en que los primeros representan una imagen (a través del uso de objetos geométricos como curvas y polígonos), y los segundos lo hacen mediante el almacenamiento de la composición de color de cada píxel.
Los navegadores pueden admitir distintos tipos de imágenes, los formatos
ventajas. Por ejemplo, las imágenes JPG ocupan menos espacio, si son utilizadas para fotografías o gráficos con tramas de color. Las imágenes
GIF permiten el reducir la cantidad de colores que componen el archivo,
por esta razón se obtiene un mejor resultado con ellas para gráficos e
imágenes de colores planos. Incluso permite que se haga transparente uno de los colores de la imagen, por ejemplo que el color azul no se visualice y deje ver el fondo de la página. Otra de las ventajas que ofrece el formato GIF es que permite hacer animaciones, aunque en los últimos años el GIF animado ha sido remplazado por el SWF, un formato más liviano y con
mejores cualidades visuales. EL SWF es un formato de archivo de gráficos vectoriales creado por la empresa Macromedia (ahora propiedad de Adobe). Los archivos SWF pueden ser creados por el programa flash, aunque hay
otras aplicaciones que también lo permiten. Básicamente es un formato vectorial pero también admite bitmap. Su desventaja es que necesita un plugin13 flash para ser visualizado, el cual permite mostrar las animaciones
vectoriales en los navegadores.
Como se puede ver el vínculo se hace sobre la etiqueta <a> solo que en vez de encerrar un texto, encierra una imagen. Las imágenes pueden ser de
diversidad de tipos, GIF, JPG o SWF y su apariencia visual no varía por
el tipo de formato más si varía lo vinculado como en el hipertexto. Para entenderlo mejor se puede presentar esto de la siguiente manera:
A. <a href=”archivo.htm”><img src=” imagen.jpg”></a>
B. <a href=” http://www.dominio.com”><img src=” imagen.jpg”></a>
La imagen y el formato es el mismo para todos los casos, pero el vínculo es diferente. A pesar de ello, los tres referencian y contienen lo vinculado, como ya se ha visto antes. Esta cualidad del hipervínculo en las imágenes es más interesante desde el diseño y para ilustrarlo se presenta lo siguiente:
A. <a href=”archivo.htm”><img src=” imagen.jpg”></a> B. <a href=”archivo.htm”><img src=” imagen.gif”></a>
C. <a href=”archivo.htm”><img src=” imagen.swf”></a>
La imagen puede ser igual o diferente para todos los casos, tanto en formato como en apariencia, y sin embargo vincular exactamente a lo mismo y de la misma forma. Este es un buen ejemplo de las posibilidades del hipervínculo en la traducción, como herramienta de relación transparente, entre sistemas diversos y como recurso para superar el inconveniente del que se hablaba en las referencias entre sistemas de naturaleza diversa. No solamente de hipervínculos en imágenes de diferentes tipos, sino también porque puede abrir o expandir archivos de distinta naturaleza, como se puede ver a continuación:
A. <a href=”archivo.txt”><img src=” imagen.jpg”></a> B. <a href=”archivo.jpg”><img src=” imagen.gif”></a>
C. <a href=”archivo.mp3”><img src=” imagen.swf”></a>
En conclusión, el hipervínculo logra referenciar e incluir, en sistemas de naturaleza diversa, enlaces que se relacionan con lo vinculado aunque ellos también fuesen de sistemas diferentes.