9

Is it possible to add a hyperlink to an object or a layer within Illustrator CS6 for a later SVG export?

I know about the possibility to manually edit the exported file and wrap elements with an <a> tag. But this complicates subsequent changes. It would be better to have solution that is integrated in Illustrator.

Improve this question
16

It's possible.

  • Select your object
  • Call "Attributes panel" Cmd/Ctrl + F11
  • In dropdown "Image input" select "Polygon"
  • Paste your link in input "URL"
  • Save as SVG
  • Check in browser
  • Profit

enter image description here

Improve this answer
  • I feel like the last step is the most overlooked :) – Resist Design Mar 24 '17 at 4:27
  • 2
    CC2018 Export to SVG. XML doesn't contain anything about the hyperlinks I created on some rectangles – dstonek Jul 14 '18 at 18:17
  • 1
    @dstonek, I had the same issue when I used 'Export As'. However, when you use 'Save As', the links work. I just edited the instruction in this Answer. – Sygmoral Jul 7 '20 at 8:25
  • @sergeydyadyul Mouse over the polygon, the browser displays the correct url to follow but console displays an error. Link is not followed. I remember I had similar problems 2 years ago and finally I decided to use jpgs. I'll make a new question – dstonek Nov 22 '20 at 20:14
  • In Firefox one of the links is followed but opened inside the image div box. Don't know how to add source="_blank", Trying to follow the other link I get a Mixed Content error which doesn't make sense. It says "...was loaded over HTTPS, but requested an insecure resource 'http://..." which is not true at least from my side. Bye bye svg with hyperlinks. Let's see what will happen in 2022. I'm using CC2019 – dstonek Nov 22 '20 at 20:44

Not the answer you're looking for? Browse other questions tagged or ask your own question.