Skip to main content
Known Participant
October 19, 2015
Answered

P: How to export to SVG from Photoshop?

  • October 19, 2015
  • 34 replies
  • 577238 views

I have a PS file that has text that I converted to a shape, plus another shape. I want to convert that to an SVG file, but, when I use the Explort As dialog, the only export file options are GIF, PNG and JPG. If I do Save As, the only options are Photoshop, Large Document Format, Photoshop PDF, and TIFF. 

 

I searched the help system, there's nothing there that I can find. Did they remove SVG export from Photoshop?? I sure hope not. I have Photoshop 22.4.3. 

Correct answer c.pfaffenbichler

Please read »Legacy 'Export As'« on this page: 

https://helpx.adobe.com/photoshop/using/whats-new/2021-5.html#other-enhancements

34 replies

Jeff Arola
Community Expert
Community Expert
March 8, 2023

There is another way to save SVG files out of photoshop by using Generate>Image Assets.

 

Just add .svg to the layer(s) names you want to save as svg files, go to Generate and click on Image Assets, then save you files as a .psd and a folder with the svgs named assets will be saved in the same location.

 

If File>Generate is greyed out, go to the photoshop Preferences>Plugins and check Enable Generator

 

https://helpx.adobe.com/photoshop/using/generate-assets-layers.html

 

SDB-NashvilleJason
Inspiring
July 12, 2023

Great solution!!!!

 

A jack-of-all-trades is a master of none, but often times better than a master of one.
Participant
February 8, 2023

I suggest exporting your file into Adobe Illustrator and choosing export for the web. The format has the SVG option.

Mohit Goyal
Community Manager
Community Manager
February 8, 2023

Hi everyone,

 

I understand how difficult it must be not to be able to export into an SVG format through Photoshop. However, I wanted to suggest trying Adobe Express as a possible solution for converting your images into the desired format: https://www.adobe.com/express/feature/image/convert/svg?cgen=JQVGW3QK&mv=other

 

I genuinely hope this helps in your work. Let us know your feedback.

 

Thanks,

Mohit

GXC7243
Participating Frequently
February 8, 2023

This is an unacceptable option. When saving in Adobe Express the file is distorted and becomes unusable. Every time I attempt to save it as SVG it creates extra shapes, and colors or/and removes details. 

 

Why would you remove saving as SVG from Photoshop, instead of just making it a requirement to have only paths when saving?

Nancy OShea
Community Expert
Community Expert
February 8, 2023

For best results, use a math-based vector graphics app for SVG output; not a pixel-based raster editor. My tool of choice is Adobe Illustrator, but Inkscape will do, too.

 

 

 

 

 

Nancy O'Shea— Product User & Community Expert
PECourtejoie
Community Expert
Community Expert
December 21, 2022

Yes, I do not understand why Photoshop, despite being a bitmap editor, could not simply save/export to the most prevalent vector format for the web, when it is able to extract vectors from images using many different methods (Create from image; manual tracing; conversion of selections to paths; and the content aware path tool) and when Photoshop as an entire section of its toolbar dedicated to vectors.

Legend
December 21, 2022

I'm not sure this is the answer but I find it interesting...

https://www.adobe.com/express/feature/image/convert/png-to-svg

PECourtejoie
Community Expert
Community Expert
December 21, 2022

Yes, there must be a good SVG-writing API available for Photoshop...

Crazy how many feature requests for the pro apps end up in the consumer side.

GXC7243
Participating Frequently
December 19, 2022

Just a few weeks ago before updating I was able to export as SVG, but that option is completely gone. I feel like this is extremely shady on Adobe's part. Just seems like a way to get more Illustrator subscriptions. There isn't even an option for me to use legacy export. Does anyone know what's going on?

 

iMac macOS Monterey

 

Ted Bradshaw AD
Participating Frequently
February 22, 2023

Adobe why did you do this?  It worked perfectly fine for years.  It allows me to work between Photoshop and many 3D packages.  It also enables me to export for 3D printing.   Supper dissapointed that you did this.  Please bring it back!!!  The solution posted in this Chat with Rosseta does not seem to work as the option is not displayed in the "Get Info" pannel anymore. 

D Fosse
Community Expert
Community Expert
May 24, 2023

Also, not true: the psd will store whatever info it needs, including vector related data to render shapes (wouldn't be surprised if this code's pulled from Illustrator); it will be rasterized on exporting to a raster-based format.


I stand by what I said earlier: SVG should never have been introduced in Photoshop. It was a huge mistake. But now the damage is done.

 

The point isn't what may or may not be possible. The point is what the average user will do with it. And we know what the average user will do with it: they will export SVGs with raster content. That's a problem, because it makes life more difficult for a lot of other people who can't use these files, and may need to spend a lot of time and work correcting these mistakes.

 

That makes SVG in Photoshop hugely counter-productive and problematic.

 

So again: SVG belongs in Illustrator, not Photoshop.

Inspiring
July 26, 2022

Hope the photoshop put back the export SVG and work better on web, since now a day using SVG a lot.

PMWSTUDIO
Participant
December 20, 2022

OMG!  Bring back now svg export for legacy users. I've been use photoshop since 1996!!! It's hard to to copying and pasting 16 px web icons to Illustrator all the time! Im thinking that i'm not the only one who design beautiful webpages and apps directly in Photoshop.

GXC7243
Participating Frequently
December 20, 2022

I was having the same issue. I found the solution but only put how to do it on Mac OS. It shouldn't be hard to do the same for PC.

 

https://community.adobe.com/t5/photoshop-ecosystem-discussions/no-option-for-svg-export/m-p/13432697#M692181

 

Crazy that they'd do this.

Participant
June 5, 2022

Just wow... Photoshop... aiming to be a leader in the market... removes svg export. Seriously?

Nancy OShea
Community Expert
Community Expert
June 5, 2022

Photoshop is a raster editor.  I never use Photoshop for SVG. 

For best results, export to SVG from Illustrator or some other vector graphics app.

 

 

Nancy O'Shea— Product User & Community Expert
jane-e
Community Expert
Community Expert
August 16, 2024
quote

For best results, export to SVG from Illustrator....

By @Nancy OShea

 

In Illustrator, use Save As not Export to save as Scalable Vector Graphics (SVG).

Jane

Participant
May 16, 2022

I guess "export as svg" is discontinued. But the new one "Vectornator" is quite good in exporting png files to svg files 

Participant
April 26, 2022

expoort preference > mark legacy exports > and you will be able to export as SVG 

 

Mohit Goyal
Community Manager
Community Manager
March 16, 2022

Hi all,

 

Export to SVG format functionality discontinued from Photoshop 22.5 version in August'2021 last year. This feature in Photoshop has always been experimental and discontinued due to low usage and limitations.

 

If you still want to export your Photoshop document as SVG, you can follow any of these workarounds here: https://helpx.adobe.com/photoshop/using/export-artboards-layers.html#discontinue-export-as-svg

 

For Apple M1 users: Open Photoshop using Rosetta and ensure Preferences > tech preview > Optimized Export As is unchecked. For more info, check this out: https://helpx.adobe.com/photoshop/kb/photoshop-for-apple-silicon.html#native-known-issues

 

Thanks,

Mohit

Participating Frequently
May 25, 2021

I had to rollback to version 22.3.1 because neither 22.4 or 22.4.1 showed the option to export as svg.
Is this a bug, or has Photoshop stopped supporting it ?

 

OS info:

MacBook Air (M1, 2020)
11.3.1 (20E241)

 

Cheers !

Community Expert
May 25, 2021

Hi Lucas_SE,
also in the new version, it is possible to export to SVG. The path to follow is File, Export, Export As, and choose SVG.