Cómo agregar un hipervínculo a un Jpeg en Photoshop

¿Alguna vez deseó poder incrustar un hipervínculo en el que se pueda hacer clic en una imagen o diseño? Al crear diseños para sitios web, redes sociales o cualquier tipo de publicidad digital, sería útil hacer clic en sus promociones para que pueda dirigir a las personas exactamente a donde quiere que vayan.

¡Hola! Soy Cara, y una vez más estoy aquí para decirles que Photoshop hace que una tarea aparentemente complicada sea bastante simple. Hay cuatro pasos principales para agregar un hipervínculo a una imagen en Photoshop. ¡Dejame mostrarte como funciona! 

Nota: tomé estas capturas de pantalla de la versión de Windows de Photoshop CC. Si está trabajando con una Mac, encontrará que el espacio de trabajo se ve un poco diferente.

PASO 1: ABRE TU IMAGEN EN PHOTOSHOP

Para este ejemplo, veamos una foto que tomé recientemente durante una sesión familiar en la playa. Quiero agregar un botón en el que se puede hacer clic aquí para alentar a las personas a visitar mi sitio web para obtener más información sobre fotos familiares.

PASO 2: HAZ UNA SELECCIÓN USANDO LA HERRAMIENTA SECTOR

Agregar el hipervínculo es muy simple. Elija la herramienta Sector en la barra de herramientas de la izquierda. Probablemente se esconderá detrás de la herramienta Recortar . 

Haga clic y arrastre alrededor del área en la que le gustaría hacer clic. Si desea que se pueda hacer clic en toda la imagen, arrastre el mouse alrededor de la imagen completa. De lo contrario, simplemente arrastre alrededor del área específica en la que desea que las personas hagan clic. 

Ahora es el momento de agregar el hipervínculo. Haga clic con el botón derecho en la imagen y elija Editar opciones de sector.

En el menú que se abre, tiene algunas opciones para completar. Comience por nombrar el sector en el cuadro Nombre . Esto es útil si agrega varios enlaces a la misma imagen.

Coloque la URL a la que desea dirigir a las personas en el cuadro URL . Asegúrese de incluir la parte http o https de la dirección. Tanto Photoshop como los navegadores que leen su enlace necesitan esta información.

Si desea que el enlace se abra en una nueva pestaña (en lugar de reemplazar la página en la que se encuentra su imagen), escriba _ en blanco en el cuadro Destino .

Finalmente, el cuadro Alt Tag les permitirá a las personas saber para qué sirve el enlace si no se carga correctamente.

¡Eso es! Agregar un hipervínculo no podría ser más fácil. Puede agregar tantos hipervínculos a una imagen como desee. Simplemente repita los pasos hasta este punto.

PASO 4: EXPORTAR PARA USO WEB

Ahora hay un paso más en el proceso que debe tener en cuenta. Si no exporta su imagen correctamente, no incluirá el hipervínculo. 

Para conservar el hipervínculo, vaya a Archivo, desplace el cursor sobre Exportar y elija Guardar para Web . 

También puede usar el atajo de teclado Alt + Shift + Ctrl + S u Option + Shift + Command + S.

En el cuadro de tipo de archivo, debe elegir JPEG o PNG.

Luego haga clic en Guardar . 

Aparecerá un cuadro para guardar el archivo en su computadora. Navegue hasta donde desea guardar el archivo. Puede darle a su imagen un nuevo nombre aquí si lo desea. Antes de guardar, asegúrese de cambiar el cuadro Formato a HTML e Imágenes.

Si elige Solo HTML, los navegadores abrirán una página en blanco y su imagen no se mostrará. Por otro lado, si elige Solo imágenes , la imagen se mostrará sin el hipervínculo incluido. 

Una vez que todo esté configurado, presione Guardar . 

Tenga en cuenta que en lugar de un archivo, los archivos de imagen y de hipervínculo se guardan en archivos separados. Estos deben mantenerse juntos o el hipervínculo no funcionará. 

Cuando vaya a publicar su imagen, deberá abrir el archivo de hipervínculo con un editor de texto para mostrar el código HTML. Copie el código y péguelo en el archivo HTML de la página web donde desea mostrar su imagen en la que se puede hacer clic. 

Leave a Comment