Add Hyperlink to Photoshop Elements 11 Image

Posted on 2013-09-05
Medium Priority
Last Modified: 2013-09-06
How do I Add Hyperlinks to Photoshop Elements 11 Image? - could be text box or logo image layer. The enhanced photo will be used with SmugMug.

i.e. Photo Credits: Jordan Max Photography and JAMAR Associates
Question by:MARSPATH
  • 2
LVL 39

Accepted Solution

BillDL earned 2000 total points
ID: 39469732
What do you mean when you refer to a "Photoshop Elements 11 Image"?

I assume that you are just referring to an image edited or created in Photoshop Elements and saved out as a standard JPG or PNG image file for use on a web page.

Image files used on a web page do not support embedding of a web hyperlink, or in fact any clickable content.  There may be fancy things that you can embed into an image file so that it is visible within a photo editing or cataloguing software, but that kind of thing would be unique to that software.  Any such embedded metadata recognised by an image editing application would not be recognised by a browser and displayed on a web page.

Generally what you are seeing inslideshow type web albums/galleries is some physical text that is entered into the actual HTMLcode of the web page or into a JavaScript file and is displayed as a functional hyperlink in the border created around the image.  There are loads of PC applications that allow you to select a bunch of images and create stunning slideshow image galleries, and most that I have seen allow you to add detail and optionally display hyperlinks in the borders around the images or thumbnails.  There is probably also the option in some of these image gallery generators to place the text (or hyperlink) overlaid onto the area occupied by the image.

I would love to be contradicted, because it would be great if at all possible, but you cannot embed a functional link in an image file and have a browser make it work as such.

Author Closing Comment

ID: 39470188
Thanks, it is as I suspected...
LVL 39

Expert Comment

ID: 39470453
Thank you MARSPATH

There is one gallery creation software title I recall that actually modifies the copies of the images that are used.  I couldn't remember the name of the software, but it came back to me.  The last version of the free unregistered version of Visual Lightbox (http://visuallightbox.com) I used "branded" the image gallery and slideshow with the company name and a hyperlink in one corner of either the thumbnails or main images, or possibly both.  What it does is physically adds a little lightened cut-out in the bottom right corner of the images and writes Visual Lightbox into that light area.  When viewed in a web page, clicking on that area takes you to the site.  You may have seen something similar and assumed that the text was actually a link, when in fact it was just that specific little area on the web page that corresponded with the placement of the embedded "text" in the image that was made to act as the hyperlink.

Generally image gallery creation software will have basic HTML (web page code), CSS (the layout stylesheet), and JavaScript (the active scripting machine) files which, depending on what template and layout you choose, are dynamically customised and saved alongside the images you chose to use for the project.  So your HTML web page loads the CSS and JS files, and together these all dictate very specific placements and behaviour of the elements rendered on the page.  It is easy to then have clickable areas line up exactly with specific areas where each image will sit on the page.

Writing text into an existing image is not very difficult at all, and visible "watermarks" are commonly used by image libraries and photographers to make their pictures useless to those who might choose to download and re-use them for free.  Command-Line driven applications like ImageMagick (http://www.imagemagick.org/script/index.php) allow you to quite easily write text into any image, and it will be similar technology used in such applications as the unregistered version of Visual Lightbox that I mentioned above.

If you were so inclined and had a reasonable knowledge of CSS and JavaScript, you could probably modify the files created for an online image gallery to change the target of the hyperlink, and then replace the images for "unbranded" ones.  I managed it on a few occasions, but it was just for my own personal amusement rather than trying to "unbrand" something I had not paid for ;-)

I haven't examined the SmugMug pages because I can only see demos, but I would be surprised if they do not use similar methods to optionally overlay text and links on image gallery browsers and slideshows.


Featured Post

Upgrade your Question Security!

Your question, your audience. Choose who sees your identity—and your question—with question security.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

PaperPort (http://www.nuance.com/for-individuals/by-product/paperport/index.htm) is among the most important applications that I run on my Windows computers. I use it every day, for nearly all of my document and photo scanning, as well as most of my…
This article shows how to convert a multi-page PDF file into multiple image files, with one image file created for each page of the PDF. It does this by utilizing an excellent, free software package called GraphicsMagick. The solution is amazingly s…
It is a freely distributed piece of software for such tasks as photo retouching, image composition and image authoring. It works on many operating systems, in many languages.
In the video, one can understand the process of resizing images in single or bulk. Kernel Bulk Image Resizer is an easy to use tool for resizing large number of images. One can add and resize multiple images with this tool in single go. The video sh…

600 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question