4 formas de agregar un enlace a una imagen

Descargar el PDF
Agrégales enlaces a tus imágenes con diversos métodos
Coescrito por Personal de wikiHow

Descargar el PDF

Tal vez quieras agregarle un enlace a una imagen con código de programación o que otra persona pueda hacerle clic para visualizar una página web. Con una sola línea de código HTML o algunas configuraciones, ¡podrás insertar una imagen interactiva en cualquier lugar! Las imágenes suelen ser más grandes que el texto, por lo que ofrecerán un área más grande para hacer clic (¡lo que aumentará las probabilidades de que alguien ingrese al enlace!). Este artículo te enseñará a agregarle un enlace a una imagen con métodos que puedes usar sin importar si vas a usar una computadora, un teléfono o una tableta.

Cosas que debes saber

  • Para agregarle un enlace a una imagen, usa el código HTML: <a href="https://www.wikihow.com"><img src="full-path-to-image.jpg"></a>.
  • Los editores web (como WordPress y Wix) y los programas de correo electrónico y las plataformas de imágenes (como Gmail y Canva) poseen la función integrada de agregar un enlace cuando seleccionas la imagen.
  • En Word, haz clic derecho en la imagen y selecciona “Hipervínculo”. Por último, agrega el URL y haz clic en “Aceptar”.
Método 1
Método 1 de 4:

Usar HTML

Descargar el PDF
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/9d\/769114-1-1.jpg\/v4-460px-769114-1-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/9d\/769114-1-1.jpg\/v4-728px-769114-1-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Selecciona y copia el siguiente código HTML, y pégalo en el archivo index.html.
     < 
 a 
 href 
 = 
 "URL DE DESTINO" 
 >< 
 img 
 src 
 = 
 "full-path-to-image.jpg" 
 ></ 
 a 
 >
      En este caso, la línea “full-path-to-image” redirigirá al URL de destino.
      si tienes acceso al código HTML de la página, ¡podrás usarlo en cualquier lugar!
    Anuncio
Método 2
Método 2 de 4:

Agregar enlaces a imágenes en editores web

Descargar el PDF
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/5\/59\/769114-2-1.jpg\/v4-460px-769114-2-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/59\/769114-2-1.jpg\/v4-728px-769114-2-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Los servicios como WordPress, Wix y Canva, y los programas de correo electrónico (como Gmail y Outlook) poseen casi la misma funcionalidad para imágenes. Existe un botón que podrás usar cuando subes una imagen para agregarle un enlace (por lo general luce como un ícono con forma de eslabón de cadena).
    • Si no ves el ícono de enlace de inmediato, haz clic para seleccionar la imagen y aparecerá cerca de las herramientas de edición de texto.
Método 3
Método 3 de 4:

Agregarles hipervínculos a imágenes en Word

Descargar el PDF
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/8\/83\/769114-3-1.jpg\/v4-460px-769114-3-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/8\/83\/769114-3-1.jpg\/v4-728px-769114-3-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Para agregar una imagen , ve a Insertar > Imágenes .
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/0\/03\/769114-4-1.jpg\/v4-460px-769114-4-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/03\/769114-4-1.jpg\/v4-728px-769114-4-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Determina si quieres que la imagen conduzca a una página web, un archivo en tu computadora, otra ubicación en el documento, un nuevo documento de Word o un correo electrónico.
    • Si compartes este documento de Word y le agregas un enlace a la imagen que conduzca a un archivo en tu computadora, quizás los otros usuarios no puedan ver el otro archivo, salvo que también lo compartas .
    • Este artículo se centra en agregar enlaces a imágenes para que conduzcan a páginas web, por lo que tendrás que usar la opción “Archivo o página web existente”.
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/62\/769114-5-1.jpg\/v4-460px-769114-5-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/62\/769114-5-1.jpg\/v4-728px-769114-5-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Coloca el URL junto al campo “Dirección”.
    • Haz clic en Aceptar para agregarle el enlace a la imagen.
    • Si compartes este documento de Word, ¡redirigirá a las personas que hagan clic en la imagen a ese enlace!
    • También puedes agregar videos a Documentos y Presentaciones de Google, ¡así como imágenes superpuestas en Documentos de Google!
    Anuncio
Método 4
Método 4 de 4:

Usar redes sociales y páginas para alojar imágenes

Descargar el PDF
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/0\/0f\/769114-6-1.jpg\/v4-460px-769114-6-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/0f\/769114-6-1.jpg\/v4-728px-769114-6-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    La mayoría de las plataformas en línea les asignan un enlace a las imágenes, y las personas pueden hacerles clic para ver una versión más grande. Por ejemplo, si subes una foto a Facebook , podrás ver el URL de esta foto cuando le hagas clic. Pega esta dirección en donde quieras para enlazarla con tu foto de Facebook (las configuraciones de privacidad podrían evitar que personas desconocidas la vean).
    • Este método sirve para subir fotos a casi cualquier plataforma en línea, como Flickr, Imgur, Facebook, Instagram, Google Drive y Apple iCloud.
    • Solo úsalo si quieres insertar un enlace que redirija a las personas a tu foto en esas páginas. Este no es un método para agregarle un enlace a una imagen.


wikiHows relacionados

Cómo
establecer el color de fondo en HTML
Cómo
cambiar el color de botón en HTML
Cómo
ejecutar un archivo HTML en Visual Studio Code
Cómo
insertar espacios en HTML
Cómo
crear una calculadora usando HTML
Cómo crear una línea horizontal en HTML
Cómo
hacer una página web en HTML
Cómo
centrar una imagen en HTML
Cómo
insertar imágenes con HTML
Cómo
editar archivos HTML
Cómo
crear un enlace de correo electrónico en HTML
Cómo
cambiar el color del texto en HTML
Cómo
hacer que el texto parpadee en HTML
Cómo
hackear una página web con HTML
Anuncio

Acerca de este wikiHow

En otros idiomas
Esta página ha recibido 40 292 visitas.

¿Te ayudó este artículo?

Anuncio