PHOTOSHOP - Proper SVG Export Support

  • 1
  • Problem
  • Updated 2 years ago
  • (Edited)
Currently Photoshop does not export SVG's correctly if the vector is created in Illustrator (as it should be). If an Illustrator vector is brought into Photoshop, and you try to export that vector with the Export As.. tool, it spits out a base64 encoded PNG file wrapped inside an svg tag.

Should be able to use Generator to rename a layer vector.svg and have it export a proper math based SVG file.
Photo of Aaron Crawford

Aaron Crawford

  • 5 Posts
  • 1 Reply Like
  • frustrated

Posted 3 years ago

  • 1
Photo of Chris Cox

Chris Cox

  • 20280 Posts
  • 812 Reply Likes
Photoshop cannot maintain the vector data from Illustrator.
Once the Illustrator data is rasterized, all Photoshop can do is export the rasterized image.

In the case of a vector smart object, you can already export/copy the contents to a file.
Photo of Aaron Crawford

Aaron Crawford

  • 5 Posts
  • 1 Reply Like
The layers I'm working with aren't rasterized. They're still vector objects.

When I go to export by right clicking on the vector object layer, click Export As..., then select SVG, the output of that process is simply an image tag inside an svg tag where the image is a base64 encoded img/png. It loses it's vector qualities.

When you export a vector object in PS to SVG, it should be a vector - not embedded PNG.

I have made a simple shape in IL, brought over to PS, and exported. A screenshot of PS's output is here :

http://d.pr/i/jnJn

See what I mean?
Photo of Chris Cox

Chris Cox

  • 20280 Posts
  • 769 Reply Likes
Photoshop can rasterize the data from Illustrator, but cannot read it or convert it to another file format.  All Photoshop gets from Illustrator files is the rasterized image, not the original Illustrator vectors.  Photoshop can, in the limited cases of AICB data on the clipboard, receive some vector information from Illustrator - but it is far from complete and only imports the vector shapes without any color/fill/stroke information.
Photo of Jorma Virtanen

Jorma Virtanen

  • 4 Posts
  • 0 Reply Likes
Ok so whats stopping you from PS using the AI as export "engine" when needed? There is already working links between apps like AE-PR. 
And why cannot we edit the vectors of CC-library in AI... its used to be double-click from PSDs smart object and it opened in AI for edit, save and it was updated in PSD. So wondering why cannot we edit AI-vectors imported to PSD in AI anymore? The whole linking assets in PSDs has made it to worse... very confusing indeed!
Photo of Chris Cox

Chris Cox

  • 20280 Posts
  • 769 Reply Likes
If you placed an AI file (or PDF, EPS, SVG file), then they will open for editing in Illustrator.
Photo of Jorma Virtanen

Jorma Virtanen

  • 4 Posts
  • 0 Reply Likes
Nope - when in Cloud Library double-clicking the layer shows message saying "This item isn't directly editable in PS..." and when embedding linked opening double-click the layer opens up the asset in OSX Preview as PDF (even though the asset is AI) instead of Illustrator... went trough the setting and did not see place where to set the default app for editing ai files. 
Photo of Chris Cox

Chris Cox

  • 20280 Posts
  • 769 Reply Likes
CC Libraries is a special case -- it doesn't know how to edit files outside the app it is in. We're trying to get that fixed by the CC Libraries team.