How to Export SVG from Photoshop
Photoshop supports SVG export for vector layers — here's how to export shapes, paths, and smart objects as SVG files for web and design projects.
Drop your image here
Supports PNG, JPG, BMP, WEBP up to 5MB
Exporting Vector Shapes as SVG
Photoshop can export SVG from vector shape layers — not raster pixel layers.
- Select the vector shape or text layer in the Layers panel
- Right-click the layer > Export As > SVG
- Or: File > Export > Export As > choose SVG from format dropdown
- For multiple layers: select all vector layers, then File > Export > Export As
- Text: convert to shape first (Type > Convert to Shape) before SVG export
Exporting Entire Artboard as SVG
For complex designs with multiple shapes, export the artboard as SVG.
- File > Export > Export As > click SVG from file format dropdown
- Check 'Use Artboards' to export each artboard as a separate SVG
- Raster layers: Photoshop rasterizes and embeds them as <image> in SVG — keep designs vector-only for clean SVG
- Embed or Link fonts: Photoshop embeds font data or converts to outlines in SVG export
Frequently Asked Questions
Can Photoshop export raster images (photos) as SVG?
Sort of — Photoshop embeds the raster image data inside an SVG <image> tag. The result is not a vector file but a base64-encoded raster inside an SVG wrapper. For true vectorization, use imagetosvg.com.
Why are my SVG file sizes so large when exported from Photoshop?
Photoshop embeds all raster data and may add excess metadata. Run the SVG through SVGO after export: npx svgo input.svg -o output.svg to reduce file size by 40–80%.
My Photoshop SVG export option is grayed out — why?
SVG export is only available for vector layers (Shape layers, Type layers). Raster pixel layers can't be exported as SVG directly. Check that your layer is a Shape layer, not a rasterized layer.
Is Photoshop the best tool for creating SVGs?
No — Photoshop is primarily a raster editor. Illustrator, Figma, or Inkscape are optimized for SVG creation. Use Photoshop for raster assets, and those tools for vector/SVG work.
Related guides
Ready to Convert Your Image to SVG?
Free online converter — no sign-up, no watermarks, results in under 3 seconds.
Try It Free — Convert Image to SVG