¿Quiere crear un vínculo web en el que se pueda hacer clic en un JPG? Photoshop es un software de edición gráfica versátil de Adobe. Photoshop se puede usar para hacer mucho trabajo fuera de los trabajos gráficos tradicionales. Puede estar creando un sitio web y desea agregar fotos que tendrán enlaces en ellas. Photoshop se puede usar para agregar un hipervínculo a las imágenes JPEG. Cuando agrega un hipervínculo a una imagen con Photoshop, Photoshop también proporciona el código HTML para que la imagen se pueda incrustar en su sitio web.
Cómo agregar un hipervínculo a un archivo JPEG imagen en Photoshop
La adición de un hipervínculo a un archivo JPEG en Photoshop se puede realizar en una imagen completa o en partes de una imagen. La capacidad de hipervínculo de imágenes en Photoshop es excelente para usar cuando se agregan 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 estas imágenes. Las páginas web también se pueden crear en Photoshop como una imagen y luego agregar los enlaces. De esta manera, la página web se puede diseñar bellamente con Photoshop. Los pasos involucrados son:
Preparar imagenAgregar hipervínculoGuardar
1] Preparar imagen
Abrir la imagen en Photoshop yendo a Archivo y Abrir o presionando Ctrl + O. Verá el cuadro de diálogo Abrir. Busque la imagen, haga clic en ella y presione Abrir. También puede abrir la imagen buscándola en su computadora, luego haciendo clic derecho sobre ella y seleccionando Abrir con y eligiendo Adobe Photoshop. Otro método para abrir la imagen en Photoshop es encontrar la imagen, hacer clic y arrastrarla a Photoshop.
Este es el imagen a la que se agregarán los hipervínculos. La imagen es un banner para el sitio web de una panadería.
La imagen que desea vincular puede ser una imagen en la que esté trabajando en este momento. En ambos casos, haga que la imagen sea atractiva pero informativa para que atraiga a las personas a hacer clic. La imagen que se abre se puede editar y se pueden agregar palabras para decir Haga clic aquí o algo para informar a los usuarios que hagan clic.
Puede elegir que se pueda hacer clic en toda la imagen o solo en partes de ella. la imagen. Si va a editar la imagen abierta para convertirla en un enlace, puede escribir Haga clic aquí en ella o algo que informe a los usuarios para que hagan clic.
Cuando esté Si crea una página web en Photoshop en la que desea que se pueda hacer clic, deberá crearla y guardarla como una imagen. Luego, decidirá dónde desea que se pueda hacer clic. Por lo general, habría botones, imágenes, logotipos y otras partes de la página web en las que se podría hacer clic. Mi forma de agregar hipervínculos a una imagen que creé en Photoshop es guardar el archivo de Photoshop como JPEG, luego abrir el JPEG en Photoshop y agregar los enlaces.
2] Agregar hipervínculo
Cuando haya terminado de preparar la imagen y esté satisfecho con su aspecto, puede dar el siguiente paso. Decida la parte o partes de la imagen que desea incluir en el hipervínculo. Sería una gran idea guardar la imagen completa o la página web como un archivo PSD de Photoshop. Esto permitiría realizar cambios en la imagen si es necesario. Luego se puede guardar una copia de la imagen en otro formato de archivo para que pueda agregar el hipervínculo. Dado que la imagen se usará para la web, sería mejor guardarla como JPEG y luego agregar el hipervínculo. Puede agregar botones, texto, íconos o cualquier otra cosa a la que desee agregar el hipervínculo.
Cortar imagen
Ahora que ha preparado la imagen y todo está en su lugar, ahora es el momento de agregar el hipervínculo. Antes de poder hacer esto, deberá dividir las partes de la imagen a las que desea agregar el hipervínculo.
Vaya al panel de herramientas de la izquierda y busque la herramienta de corte, se encuentra en el mismo menú emergente que la herramienta de recorte. Si no ve la Herramienta Sector, haga clic y mantenga presionada la Herramienta Recortar hasta que vea el menú emergente, luego puede hacer clic para seleccionar la Herramienta Sector.
Cuando haya seleccionado la herramienta Rebanar, puede dibujar alrededor de cualquier elemento de la imagen que desee vincular.
Simplemente dibuje alrededor de la imagen, el texto, el icono, el botón o cualquier elemento que desea seleccionar. Haga clic y arrastre en diagonal sobre el elemento y verá que aparece un cuadro con un número y algunas líneas. Cada rebanada que se haga tendrá un número. Puede mover la marca de división alrededor de la imagen para ajustarla usando las teclas de dirección del teclado. También puede hacer que el cuadro de corte alrededor del elemento sea más grande o más pequeño pasando el cursor sobre un lado hasta que aparezca la flecha de doble punta, luego haga clic y arrastre.
En este artículo, el botón Haga clic para obtener más información y el gorro de chef tendrá un hipervínculo, dependiendo de lo que desee, puede vincular más elementos. El gorro de chef podría tener un hipervínculo a la página de inicio para que el usuario acceda a la página de inicio cada vez que haga clic en ella. Haga clic para obtener más información podría vincularse a una página con más información sobre la venta o cualquier información que desee que el usuario encuentre.
Para agregar un hipervínculo a varios lugares en la imagen , simplemente dibuje la herramienta Slice alrededor de cada área una tras otra. Puede agregar la misma URL o una URL diferente a cada segmento.
Esta es la imagen mostrando los cortes. El gorro de chef y el botón de más información son las partes que tienen hipervínculos. Sin embargo, la imagen tiene líneas que hacen que parezca que está cortada en una tabla. Esto se debe a que la imagen en realidad se corta y se coloca en una tabla y luego el código HTML los mantendrá juntos en la página web.
Agregar URL
Cuando se hayan creado los sectores, es hora de agregar la URL a los sectores. Haga clic con el botón derecho en los sectores que vinculará y seleccione Editar opciones de sector.
Aparecerá la ventana de diálogo Opciones de división para que agregue la información. Puede agregar el Nombre de la imagen y la URL a la que desea que se lleve al usuario cuando haga clic. Si desea que el enlace se abra en una nueva pestaña, escriba _blank en el campo Objetivo. Para que el enlace sea fácilmente accesible para las personas con problemas de visión, agregue un texto descriptivo en el campo Etiqueta alternativa. Cuando haya terminado de completar la información, presione OK para confirmar la información y cerrar la ventana. Repetiría el paso para todos los cortes.
Este es un ejemplo de las opciones de Slice cuadro de diálogo completado.
3] Guardar
Ahora que la imagen ha sido preparada y los hipervínculos agregados, ahora es el momento de guardarla para que pueda usarse en un sitio web. Para guardar, vaya a Archivo y luego Guardar para Web o presione Alt + Shift + Ctrl + S. En algunas versiones de Photoshop, tendría que ir a Archivo y luego a Guardar para Web (heredado).
Aparecerá la ventana de diálogo Guardar para web.
En la parte superior donde hay GIF, haz clic en la flecha desplegable y elige JPEG. Esto guardará la salida como JPEG. JPEG es un 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 una imagen rasterizada. Las imágenes rasterizadas son las mejores para mostrarlas en la web. Cuando haya terminado, haga clic en Guardar en la parte inferior del cuadro de diálogo Guardar para web.
Esto abrirá la ventana Guardar optimizado como. Ve a Formato y elige HTML e imagen como formato de archivo. Notará que la extensión del nombre del archivo se cambia a.html. Photoshop guardará un archivo HTML con hipervínculos para las imágenes y también para las imágenes. Usted elegirá dónde desea que se guarde la carpeta.
Cuando guarda como HTML, está guardando varios archivos y carpetas. Existe el archivo HTML que se verá como el navegador predeterminado. También habrá una carpeta con las piezas de la imagen que se cortaron. No se preocupe, el código HTML juntará las piezas en la página web.
Cuando guarde los archivos, asegúrese de guardar el archivo HTML y la carpeta Imágenes 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 termine, haga clic en Guardar.
Cuando termine de guardar, vaya a la ubicación que eligió y verá el archivo HTML y la carpeta Imágenes. Si hace clic en la página web HTML, verá que la imagen se abre como una página web y se podrá hacer clic en los enlaces. Sin embargo, no lo llevarán a la página web o a Internet, solo dirán que no se puede acceder a los archivos. Esto sucede porque los archivos están aislados de una página web activa.
Si desea ver el código HTML, puede hacer clic derecho en el archivo HTML y elegir abrir con el Bloc de notas, Notepad++, Adobe Dreamweaver u otro editor de texto y verá el código HTML.
Códigos HTML que se muestran en el Bloc de notas.
También puede abrir el archivo HTML como una página web, luego haga clic derecho en la página y seleccione Inspeccionar. Esto mostrará el código HTML de la página.
Los códigos se muestran cuando Se ha elegido la opción Inspeccionar.
Lea: Cómo hacer que una foto en color parezca un boceto en Photoshop CS6
¿Puede agregar un hipervínculo a un JPEG en Photoshop?
Puede agregar hipervínculos a una imagen JPEG en Photoshop. Abres el archivo en photoshop. Use la herramienta de división para dibujar alrededor de la imagen que desea vincular. Haz clic con el botón derecho en la imagen y elige Editar opciones de división. Guarde el archivo como HTML, esto crea un archivo HTML y una carpeta con sus recursos de imagen. Puede agregar esto a la página web.
¿Puede vincular una imagen en Gmail?
Coloque la imagen en su correo electrónico de Gmail como lo haría normalmente. Luego seleccione la imagen y haga clic en el icono de enlace en la parte inferior de la ventana Redactar. Ingrese la dirección web a la que desea vincular la imagen y luego haga clic en el botón Aceptar.
¿Cómo agregar múltiples hipervínculos a una imagen en Photoshop?
Puede agregar múltiples hipervínculos a una JPEG en Photoshop. Abres el archivo en photoshop. Use la herramienta de división para dibujar alrededor de las partes de la imagen que desea vincular. Haga clic con el botón derecho en cada parte que desee vincular y complete la información en la opción de división. Guarde el archivo como HTML, esto crea un archivo HTML y una carpeta con sus recursos de imagen. Puede agregar esto a las páginas web y los segmentos separados se volverán a ensamblar en una sola imagen con hipervínculos separados para cada segmento.