Skip to main content
Known Participant
October 19, 2015
Answered

P: How to export to SVG from Photoshop?

  • October 19, 2015
  • 34 replies
  • 574994 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

 

Myra Ferguson
Community Expert
Community Expert
December 19, 2022

You can go to File > Export > Export As... (or right-click on a layer and select Export As...), and select SVG as the Format.

GXC7243
Participating Frequently
December 19, 2022

That has been taken away.

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.