Tecnología

Inicio

Cómo agregar direcciones URL a Imágenes

Cómo agregar direcciones URL a Imágenes


Añadir un enlace a una imagen si la imagen representa una página web o todo el sitio web. Las empresas, por ejemplo, a menudo incluyen las direcciones de Internet dentro de las imágenes de producto para que los consumidores sabrán dónde encontrar más información sobre el producto simplemente mediante la visualización de la imagen. Puede agregar direcciones URL dentro de la imagen para lograr una visualización sin conexión o como pasar el ratón o un enlace interactivo para la visualización de Internet.

Instrucciones

La adición URL gráfica

1 Abre la imagen en un programa de diseño gráfico.

2 Haga clic con el ratón en la parte superior o inferior de la imagen en la que desea insertar la URL. Elija un área que sólo contiene la imagen de fondo como a los espectadores no verán con claridad esta área una vez cubierto de texto. Para una fotografía tomada fuera, por ejemplo, insertar el texto en el área del cielo.

3 Seleccionar la opción dentro de su programa gráfico para añadir texto.

4 Elija un color de texto que se destaca sobre el color de la imagen de fondo. Para una fotografía tomada por la noche con un fondo oscuro, por ejemplo, elegir la opción "blanco" como el color del texto.

5 Escriba la dirección URL en el área de texto. Ajustar el tamaño del texto para que se llena la mayor parte del fondo de la imagen, pero no se extiende más allá de la imagen o en los principales detalles de la imagen.

6 Guarda la imagen usando con un nuevo nombre, como photoname-URL.jpg, de modo que no se sobreescribe la imagen original sin editar.

La adición de URL en línea

7 Abrir el código HTML página web en la que desea insertar la imagen.

8 Insertar la imagen dentro del HTML mediante la etiqueta "img src" de la siguiente manera:

<Img />

Sustituir la palabra "yorupicture.jpg" con el nombre de la imagen.

9 Añadir la URL de la imagen de modo que cuando los visitantes ver la URL cuando se mueven el ratón sobre la imagen usando la etiqueta "alt" de la siguiente manera:

<Img alt = "http://www.yourwebsiteurl.com" />

10 Añadir una URL interactivo para la imagen de modo que cuando los usuarios hacen clic la imagen, la URL se abre en la ventana del navegador.

Utilice el siguiente código que incluye tanto el ratón encima y la URL se puede hacer clic dentro de la imagen:

<a href="http://www.yourwebsiteurl.com">

<Img alt = "http://www.yourwebsiteurl.com" />

</a>