Cómo agregar un hipervínculo a una imagen JPEG en Photoshop

Como experto en TI, a menudo me preguntan cómo agregar un hipervínculo a una imagen JPEG en Photoshop. Aquí hay un resumen rápido de cómo hacerlo. Primero, abra la imagen en Photoshop. Luego, seleccione el área que desea vincular. Para hacer esto, haga clic en la herramienta 'Seleccionar' en la barra de herramientas y luego haga clic y arrastre para crear una selección. Una vez que tenga la selección, haga clic en el botón 'Crear hipervínculo' en la barra de herramientas. Esto abrirá el cuadro de diálogo 'Insertar hipervínculo'. En el cuadro de diálogo 'Insertar hipervínculo', deberá ingresar la URL a la que desea vincular en el campo 'Enlace a'. Luego, haga clic en el botón 'Aceptar'. ¡Eso es todo! Ahora ha agregado un hipervínculo a su imagen JPEG.

Desear crear un enlace web en el que se pueda hacer clic a JPG ? Photoshop es el versátil software de edición de gráficos de Adobe. Photoshop se puede usar para hacer mucho trabajo más allá de las tareas gráficas tradicionales. Tal vez esté creando un sitio web y quiera agregar fotos que tengan enlaces. Photoshop se puede usar para agregar un hipervínculo a las imágenes JPEG. Cuando usted añadir un hipervínculo a una imagen con Photoshop , Photoshop también proporciona código HTML para que la imagen se pueda incrustar en su sitio web.

Cómo agregar un hipervínculo a una imagen JPEG en Photoshop

Agregar un hipervínculo a un JPEG en Photoshop se puede hacer para toda la imagen o parte de la imagen. La capacidad de hipervínculo de imágenes en Photoshop es excelente para agregar imágenes a sitios web. El comercio electrónico de otros sitios web que usan imágenes puede hacer que se pueda hacer clic en esas imágenes. También puede crear páginas web en Photoshop como una sola imagen y luego agregar enlaces. Entonces, una página web puede diseñarse bellamente con Photoshop. Pasos necesarios:

1. Preparar imagen
2. Añadir hipervínculo
3. Mantener

1] Preparar imagen

Abra la imagen en Photoshop yendo a Archivo mucho abierto o haciendo clic Ctrl + Î . Ya verás abierto ventana de diálogo Encuentre una imagen, luego haga clic en ella y presione abierto . También puede abrir una imagen ubicándola en su computadora, luego haciendo clic con el botón derecho y seleccionando Abrir desde y elección Adobe Photoshop . Otra forma de abrir una imagen en Photoshop es buscar la imagen y hacer clic y arrastrarla a Photoshop.

Esta es la imagen a la que se agregarán los hipervínculos. La imagen es un banner para el sitio web de la panadería.

La imagen a la que desea establecer un hipervínculo puede ser la imagen en la que está trabajando actualmente. En ambos casos, haz que la imagen sea atractiva pero informativa para que capte la atención de los usuarios. La imagen abierta se puede editar y agregar palabras para decir haga clic aquí o algo para decirles a los usuarios que hagan clic.

Puede hacer que se pueda hacer clic en toda la imagen o solo en parte de ella. Si va a editar una imagen abierta para convertirla en un enlace, simplemente puede escribir haga clic aquí en él o algo que les diga a los usuarios que hagan clic.

cómo cambiar el fondo de powerpoint

Cuando crea una página web en Photoshop en la que desea que se pueda hacer clic, deberá crearla y guardarla como una imagen. Luego tienes que decidir dónde quieres que se pueda hacer clic. Por lo general, eran botones, imágenes, logotipos y otras partes de una página web en las que se podía hacer clic. Mi forma de agregar hipervínculos a una imagen creada en Photoshop es guardar el archivo de Photoshop como JPEG, luego abrir el archivo JPEG en Photoshop y agregar los enlaces.

2] Agregar hipervínculo

Una vez que haya terminado de preparar su imagen y esté satisfecho con su aspecto, puede pasar al siguiente paso. Defina la parte o partes de la imagen a las que desea establecer un hipervínculo. Sería una buena idea guardar su imagen o página web terminada como un archivo PSD de Photoshop. Esto le permitirá realizar cambios en la imagen si lo necesita. Luego puede guardar una copia de la imagen en un formato de archivo diferente para agregar un hipervínculo. Dado que la imagen se usará en la web, es mejor guardarla como JPEG y luego agregar un hipervínculo. Puede agregar botones, texto, íconos o cualquier otra cosa a la que desee vincular.

Cortar imagen

Ahora que tiene la imagen lista y todo en su lugar, es hora de agregar el hipervínculo. Antes de que se pueda hacer esto, deberá dividir las partes de la imagen a las que desea establecer un hipervínculo.

Vaya a la barra de herramientas de la izquierda y busque la herramienta Rebanar, está en el mismo menú emergente que la herramienta Recortar. Si no ve la herramienta Rebanadora, mantenga presionada herramientas para cortar hasta que vea el menú emergente, luego puede hacer clic para seleccionar herramienta de corte .

Una vez que haya seleccionado la herramienta Slicer, puede marcar con un círculo cualquier elemento de la imagen que desee vincular.

Simplemente encierra en un círculo una imagen, texto, icono, botón o lo que quieras resaltar. Haga clic y arrastre un elemento en diagonal y verá un cuadro con un número y algunas líneas. Cada fragmento realizado tendrá un número. Puede mover el marcador de división alrededor de la imagen para ajustarla usando las teclas de flecha de su teclado. También puede hacer que el marco de división alrededor de un elemento sea más grande o más pequeño al pasar el mouse sobre el costado hasta que aparezca una flecha de doble punta, luego haga clic y arrastre.

beneficios profesionales certificados por microsoft

En este artículo, 'Haga clic para obtener más información' y el sombrero de chef tendrá un hipervínculo, dependiendo de lo que desee, puede agregar hipervínculos a otros elementos. el jefe tiene puede haber un hipervínculo a la página de inicio para que el usuario sea llevado a la página de inicio cada vez que haga clic en ella. Haga clic para obtener más información se puede vincular a una página con información adicional sobre la venta o cualquier otra información que desee que el usuario encuentre.

Para agregar un hipervínculo a varios lugares en una imagen, simplemente trace con la herramienta Slicer sobre cada área una por una. Puede agregar la misma URL o una URL diferente a cada fragmento.

Esta es la imagen con los fragmentos mostrados. El gorro de chef y el botón Más información son las partes con hipervínculo. Sin embargo, la imagen tiene líneas que hacen que parezca que ha sido cortada en una tabla. Esto se debe a que la imagen en realidad se corta y se coloca en una tabla, y luego el HTML las guarda juntas en la página web.

cortana suspendida

Agregar URL

Con los fragmentos creados, es hora de agregar la URL a los fragmentos. Haga clic con el botón derecho en los fragmentos a los que hará referencia y seleccione Cambiar opciones de fragmento .

Opciones de rebanada aparecerá un cuadro de diálogo para agregar información. Puedes añadir Nombre imágenes, y dirección URL que desea que el usuario sea redirigido cuando haga clic. Si desea que el enlace se abra en una nueva pestaña, escriba _vacío EN Objetivo campo. Para que el enlace sea fácilmente accesible para las personas con discapacidad visual, agregue texto descriptivo a Toma todo campo. Cuando termine de ingresar la información, presione BIEN para confirmar la información y cerrar la ventana. Repetirías el paso para todas las rebanadas.

Este es un ejemplo de cómo llenar el cuadro de diálogo de opciones de corte.

3] Guardar

Ahora que se preparó la imagen y se agregaron los hipervínculos, es hora de guardarla para poder usarla en el sitio web. Para guardar ir a Archivo Entonces Guardar para web o haga clic Alt + Mayús + Ctrl + S . En algunas versiones de Photoshop, deberá ir a 'Archivo' y luego Guardar para web (heredado) .

Aparece el cuadro de diálogo Guardar para Web.

no se puede agregar una cuenta de microsoft a windows 10

arriba donde hay gif , haga clic en la flecha desplegable y seleccione jpeg . Esto guardará la salida como JPEG. JPEG es el mejor formato de imagen para usar en la web debido a su pequeño tamaño y al hecho de que Photoshop guardó el archivo como un mapa de bits. Las imágenes de trama son las más adecuadas para la web. Cuando haya terminado, haga clic en Mantener en la parte baja Cuadro de diálogo Guardar para Web .

esto se abrirá Guardar optimizado como ventana . Ir a Formato y elige HTML e imagen como formato de archivo. Notará que la extensión del nombre de archivo se ha cambiado a .html. Photoshop guardará el archivo HTML con hipervínculos a las imágenes, así como a las propias imágenes. Usted elegirá dónde desea guardar la carpeta.

Cuando guarda como HTML, está guardando múltiples archivos y carpetas. Hay un archivo HTML que se verá como el navegador predeterminado. También habrá una carpeta con piezas de imágenes que han sido cortadas. No se preocupe, el código HTML recogerá todas las piezas de la página web.

Al guardar archivos, asegúrese de que el archivo HTML y la carpeta de imágenes se guarden en la misma ubicación. El archivo HTML se vinculará a los archivos de imagen utilizando la ubicación del archivo. Es posible que deba crear una carpeta para mantenerlos juntos. Cuando haya terminado, haga clic en Mantener .

Cuando haya terminado de guardar, navegue a la ubicación elegida y verá el archivo HTML y la carpeta Imágenes. Si hace clic en una página web HTML, verá que la imagen se abre como una página web y se puede hacer clic en los enlaces. Sin embargo, no te llevarán a una página web o a Internet, simplemente te dirán que los archivos no están disponibles. Esto se debe a que los archivos están aislados de la página web activa.

Si desea ver el código HTML, puede hacer clic derecho en el archivo HTML y seleccionar 'Abrir con el Bloc de notas