Skip to main content
R
redmonde63749793
Participant
December 10, 2023
Question

Making a sharable html file in Photoshop

  • December 10, 2023
  • 2 replies
  • 523 views

Hi, I've made a photoshop document with hyperlinks to media in a file on my computer. I would like to be able to share the file and the associated media with other people.  I assume that when I share the documents, the link pathways will be broken. Can anyone recommend the best way to retain or reestablish the link pathways? Many thanks in advance.

This topic has been closed for replies.

2 replies

Conrad_C
Community Expert
Conrad_CCommunity Expert
Community Expert
December 11, 2023

I haven’t tried this in a while, but if you are talking about the URL entered in Slice Options…

quote

I assume that when I share the documents, the link pathways will be broken.

By @redmonde63749793

 

Just doing a quick examination of the HTML file that Photoshop exports to position the slices, it looks like you can be OK if you enter paths that are consistent with where the targets of the hyperlinks are.

 

If the hyperlinks are supposed to lead to outside web pages, enter absolute URL paths.

If the hyperlinks are supposed to lead to web pages or resources that will be included with the files you share, enter relative URL paths, so that the web browser will find them regardless of what the root of the volume is.

 

If you need to know more about how absolute vs. relative paths work, you can study that on the web; it’s fundamental HTML knowledge.

 

Of course the best thing to do is test before sharing, like by sharing it to a different computer and see if it works. If any links break, make the necessary adjustments.

    R
    redmonde63749793Author
    Participant
    December 11, 2023

    Amazing! That's super helpful, thank you. Yes the hyperlinks go to both webpages and files, so I will look into making the URL's relative.

    Is this at all repeatable if sending the document to an ipad, or does html on ios work in a different way?

    R
    redmonde63749793Author
    Participant
    December 11, 2023

    So my 'absolute' URL for the hyperlink is

    file:///Users/myname/Desktop/subfile1/subfile2/linkimage.jpg

    to make it a relative URl, i've tried both replacing /myname/ with /Username/ or /../ but neither seem to work.

    If anyone has a tip for converting absolute URL's into relative URL's for Photoshop, that would be super appreciated.

    Trevor.Dennis
    Community Expert
    Trevor.DennisCommunity Expert
    Community Expert
    December 10, 2023

    Yes, you can do it using the Slice tool and save to PDF

      Terms & ConditionsAccessibility statement
      Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices