How to hyperlink in Photoshop


As we all know, hyperlink is that which links image/text to another place either in the same document or different document or address. It’s pretty useful when you want to show more information. Follow the steps provided in this tutorial to create hyperlinks in Photoshop.

Steps to hyperlink in Photoshop:

1. First of all, open Adobe Photoshop. We are using Adobe Photoshop CS5.5 but this also works on earlier or later versions.

How to hyperlink in Photoshop

2. Next, Open any image where we will place the hyperlink. To do that, click on the File >> Open and select the file you want to open. Then click on the Open.

How to hyperlink in Photoshop open image hyperlink

3. Next, from the toolbox, select Slice Tool (Shortcut – C) beneath Crop Tool and then start making the slice selection by clicking and dragging around the portion of the image where you want to place hyperlinks.

How to hyperlink in Photoshop select slice tool hyperlink

4. Next, right-click on the slices you have just created and click Edit Slice Options.

How to hyperlink in Photoshop edit slice

5. Next, enter the website URL which will open when the user clicks on the sliced area. Next, click on OK. You can do this for all the individual slices. If you want to open different URL when clicking different part of the image, then specify a different URL for the slices.

How to hyperlink in Photoshop enter url

6. Next, File > Save for Web & Devices from the menu bar. Then select JPEG or PNG-24 in Preset and click Save.

How to hyperlink in Photoshop Devices

7. Next, specify the name for your image in File Name. Then select ‘HTML and Images’ in Format list and then click on the Save button.

How to hyperlink in Photoshop HTML

8. Finally, open the folder where you just saved sliced images and double click on the html file to open it. Here you will notice the hyperlink on the portion that you have sliced. Once you click on the slice, it will go to the destination you specified in the hyperlink.

How to hyperlink in Photoshop open browser

This finishes our tutorial on how to hyperlink in Photoshop. If you’ve find our Photoshop hyperlink tutorial helpful, please leave a comment below.

3 thoughts on “How to hyperlink in Photoshop”

  1. I am desperately trying to figure out how you create a hyperlink in a jpeg-picture. It needs to be a jpeg-file, not html, since it is a picture that is to be automatically included in Outlook (as a banner at the bottom). Is this possible?


Leave a Comment

100+ Free Design Resources

Sign up for our email newsletter and get instant access to download our exclusive designer freebies pack, including:

  • 100 HD blurred backgrounds
  • Realistic web shadows pack
Download Now