Converting Image in png format to vector format using Sketch (Mac)

user-interface user-experience sketch-3
Himanshu picture Himanshu · Dec 25, 2017 · Viewed 10.8k times · Source

I am new to sketch and I am facing some issues in generating Vectors for some of the icons which I have in .png format.

Could any one please refer some tutorial or tell me some simple way to get through this.

Feel free to guide me if I am wrong somewhere.

Thanks

Answer

Oscar picture Oscar · Jan 4, 2018

Sketch is very useful but it is also limited on its vector capabilities. The function you are looking for is called Live Tracing, you can find it on Illustrator and it is very acurate if your icon is in high contrast or transparent background. You could trace it manually but that can take a long time for complex shapes, and not as accurate.

Inkscape might be a good free option for this. Should be good enough if the pngs are not too detailed.

Related questions

Easiest css for Facebook style "red" notifications

I need a facebook style notification, but getting something that looks nice cross browser seems tricky. For example, different browsers seem to treat paddings differently, resulting in weird looking notifications. What is the best cross-browser way of ensuring the notifications …

Read More
Save icon: Still a floppy disk?

I'm working on a project where the user is able to save their work (most likely to the HDD but also possibly any other media, including floppy disks). Sure, the popular File > Save option is there but what about …

Read More
What is difference between Interaction design, Visual Design, Web design, UX design, UI design, UI development?

What is difference between Interaction design, Visual Design, Web design, UX design, UI design, UI development? BTB, link found below answered for UI Vs UX. https://stackoverflow.com/questions/1334496/difference-between-ui-and-ux

Read More