Convert png or jpeg to svg

New Here ,
Jan 08, 2017 Jan 08, 2017

Copy link to clipboard

Copied

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?

Views

61.1K

Likes

translate

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Jan 08, 2017 Jan 08, 2017

Copy link to clipboard

Copied

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.

Likes

translate

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Jan 09, 2017 Jan 09, 2017

Copy link to clipboard

Copied

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?

Likes

translate

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Most Valuable Participant ,
Jan 10, 2017 Jan 10, 2017

Copy link to clipboard

Copied

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.

Likes

translate

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Apr 06, 2017 Apr 06, 2017

Copy link to clipboard

Copied

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.

Likes

translate

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Apr 06, 2017 Apr 06, 2017

Copy link to clipboard

Copied

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.

Nancy O'Shea, Adobe Product User & Community Professional
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Likes

translate

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Apr 07, 2017 Apr 07, 2017

Copy link to clipboard

Copied

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.

Likes

translate

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Participant ,
Mar 01, 2019 Mar 01, 2019

Copy link to clipboard

Copied

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!

Likes

translate

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Mar 01, 2019 Mar 01, 2019

Copy link to clipboard

Copied

Do you understand the difference between vector and pixel content?

Likes

translate

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Dec 06, 2019 Dec 06, 2019

Copy link to clipboard

Copied

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.

Likes

translate

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Mar 22, 2021 Mar 22, 2021

Copy link to clipboard

Copied

Yes , I can do.

Likes

translate

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines