Explore related tutorials & articles
5
Replies
I haven’t tried this in a while, but if you are talking about the URL entered in Slice Options…
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.
To answer your earlier question, I was thinking more about how it would work as files on a web server, in which case it should work the same on any web client (desktop, phone, tablet…). But, it sounds like you intend to share them directly so that people download the files to their own device, and that might be trickier.
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.
By @redmonde63749793
I did a quick test and what I found when clicking links in a local .html file on the same computer (not a web server) is, on my Mac:
For links in folders at the same level as the .html file, it should not start with a slash. For example, I linked from the .html file to a file in a folder at the same level as the .html file, and the URI that worked was:
folder/file.html
For links in folders outside the folder containing the .html file, you do use the two periods. So I linked to a file in a folder at the same level as the folder containing the .html file, and the URI that works was:
../other_folder/file.html
These URIs worked when viewing the .html file in a web browser on a Mac, but not using QuickLook on the desktop. I did not test Windows.
About the iPad:
I copied the folder to an iPad and could not get it to work in the Files app (the iOS desktop). QuickLook does not seem to render it. I also could not find a way to easily send that .html file to any web browser using the standard Share method of sending files to apps. This means I am not sure if iOS supports rendering a local .html file, it might require a web server.
So for both macOS and iOS at least, it’s probably required to open the .html file in a web browser. And for iOS, it might not be easy for a recipient to do that from a folder they download locally; if you want it to be easy for iOS users, actually probably for all users (macOS, iOS, Windows, Android) it would be best to host it on a web server and send them a link to the .html file there.
AdChoices