Convert png or jpeg to svg

[katieb77346109]

I am brand new to adobe photoshop cc 2015 and I am try to convert a png file to an svg file.  Is there anyone who can help me?

[Derek Cross]

You can't - PNG and JPGs are raster formats and svg is a vector format.

You might be able to do something with tracing in Illustrator, if you have it.

[c.pfaffenbichler]

Photoshop has some vector capabilities (funnily enough in some aspects they are even superior to Illustrator’s) so you might be able to recreate the elements in Photoshop, but as Derek Cross mentioned Illustrator may be the better application for the task.

Could you post (a lores version of) the image in question?

[Lilybiri]

With PS 2017 it is possible, I often use this work flow to convert a bitmap image to a SVG (for file size reasons):

1. Open the PNG in Photoshop
2. Edit and save file as PSD file
3. Use File, Export as and indicate the format SVG.

If my memory is correct, exporting to SVG is a recent feature of Photoshop, have been waiting for it since quite a while. I don't think it is available in PS 2015.

[peterl54357453]

And what does it do with a .PSD which contains raster parts? Does it convert it in high quality? Currently I use this converter: image.online-convert.com/convert-to-svg but it hardly can handle complex images.

[Nancy OShea]

In my experience raster images make terrible SVGs.  Scalable Vector Graphics need sharp, crisp edges to work effectively.  If you try to convert a fuzzy bitmap to SVG you will invariably have an enormous file size and poor image quality -- both deal breakers. 

My SVGs all begin life in Illustrator or Inkscape because they are vector graphics apps.   Photoshop is 1st & foremost a raster image editor which is fine for JPG or PNG images; not SVG.

Assuming you don't have a vector graphic to work with, you would need to trace paths around your image onto a new layer.  Depending on complexity of image, tracing new paths could be labor intensive.

I have not found any automated method that works 100% perfect.

[peterl54357453]

Thank you!

I will take a look on Inkscape too.

Personally, I make .SVG images from logos to use them on https://www.vouchers4u.com/ . As you can see everything is optimized for retina like displays. Nowadays vector-graphics tends to be a must have on web, since everyone have high-res devices.

[the_boston_artist]

Amazing what can be done when someone know's what they're talking about.  Almost clicked off the page after the first several comments "can't be done" and then I got to yours.  THANKS - works like a charm!

[c.pfaffenbichler]

Do you understand the difference between vector and pixel content?

[davido40219699]

Well, yes and no. It creates an svg file but the content isn't vectorized. It's just an svg with an image layer containint the original rasterized graphics so it really doesn't serves that much of a purpose. You just wrap the original data in a new container.

[Muhammad5FE1]

Yes , I can do.