Kevin Powell - CommunityKP-C
Kevin Powell - Communityโ€ข2y agoโ€ข
19 replies
thethingisback

Converting .png to .svg 'trace-bitmap', coming out bubbled/soft edges, advice

I have a png that I'm trying to convert to vector graphic (svg) and, following a youtube tutorial, I've successfully "trace-bitmap"'d the png. However, comparing the two, the original png, and the 'traced' svg, it seems that no matter how I set my 'single scan' thresholds, etc, the tracing always wants to come out bubbled instead of having sharp lines and corners like the original.

BTW I am using Inkscape here to do this.

My original issue:
I have an .svg that I've downloaded from noun icons, which, unbeknownst to me at the time, has an embedded png image inside of it, instead of being comprised of only vector graphic paths. And because of this, I'm not able to affect the icon with the 'fill' or 'stroke' property in CSS like I need to. But I like the icon enough that I want to somehow create those inner vector graphic paths.

So far, I've tried just exporting the entire thing as a .png, which is where my above example comes from, and then from that, trace-bitmapping it, in Inkscape, into another .svg (to replace the original). As can be seen in the picture, this tracing isn't working out as I'd hoped, ruining the original aesthetic of the image.

Mightn't there be another approach that could be had here?
Screenshot_2024-06-30_at_8.34.45_AM.png
Was this page helpful?