Advertisement


.png to .svg without losing colors


Question

Does anybody know how to convert a .png (transparent background) image to a .svg vector image (transparent background) without losing colors of the original .png? I have looked at multiple solutions on Internet, and tried many, but not successful yet.

So if anybody does that already, it would be great to know.

edit: Thank you for your replies. Please see this image. When I create a svg using different solutions, I want to be able to get the same image with a transparent background. Instead most of the solutions I found (desktop apps) create the rectangular block of bluish color, when I open it in Aurora 3d logo animation software. Some solutions allow me to create only borders of the logo below, but then I do not understand how to fill color in it the way I want in Aurora 3d software. These images open up with colors in Inkspace, but the moment I import svg into Aurora I do not get the same effect.

I am attaching some screenshots in aurora 3d software after importing the svg.

enter image description here

enter image description here

Edit: Thank you very much CFS. I am able to create a separate colored svg as per your steps, however, when I import that in Aurora 3d, I still do not get colors. I get the following. Why I am still not getting colors?

Also, I would not like to have that rectangular frame covering the logo, but only logo, and I tried some settings in Inkspace to have only logo, and no surrounding frame, but was not successful.

enter image description here

edit: Hi Cai. thank you for your reply. Yes, I noticed that about Aurora and tried coloring the object, but I think a problem is the way I can unlink "break" individual objects in inkspace, in Aurora, the entire SVG is a single object, and even though I am trying to ungroup / edit svg, it still applies any transformation (like fill color) to the entire SVG than only a single object. I am trying to see how can I edit individual objects in Aurora now. Example attached. enter image description here

2016/08/10
1
-6
8/10/2016 2:42:00 PM

You can trace the PNG with the trace bitmap option in Inkscape. Then choose to break apart. Both these options are under the PATH menu. This will give you a black SVG which you can then set the colours for on each of the objects. Then save as an SVG in inkscape.

If you have problems with detecting the elements of the PNG you may need to trace twice with different brigtness or edge detection and then reassemble.

2016/08/10
1
8/10/2016 9:59:00 AM