0

how to convert b/w image (png, jpg) to vector form (.EPS, .SVG) without artifacts? The raster image is geometric vector patterns, I need convert it into vector form. I tried some online image to .svg converters, but resulting .svg show some artifacts visible. The original .png image have clean vector patterns, without artifacts.

I mean monochrome images, example:

enter image description here

Improve this question
9
  • 2
    No such thing as png with vector patterns. Ultimately converting any raster image to vector, no matter how "clean" you think the raster image is, will almost always necessitate some manual clean up after the tracing. There is almost never 1:1 quality when tracing.
    – Scott
    Feb 1, 2022 at 5:25
  • 1
    In Inkscape, import the PNG image, select it, and do Path > Trace Bitmap. Without seeing your image, I can't really give you any suggestions regarding settings. You might want to share the image. Success will depend on the complexity and quality of the image. Auto tracing is rarely perfect however.
    – Billy Kerr
    Feb 1, 2022 at 9:44
  • 1
    I mean monochrome b/w images like this
    – Lexx Luxx
    Feb 1, 2022 at 16:51
  • 1
    I don't know about Inkscape, but with Illustrator, it is a very simple thing to create a Pattern Brush and apply it to a circle... See here. No need to trace anything.
    – Scott
    Feb 1, 2022 at 21:26
  • 1
    Here's a demo of pattern along path LPE on Inkscape by Nick Saporito. Auto-tracing bitmaps always creates imperfections so, if artifacts are unacceptable, manually recreating patterns is the better alternative. youtu.be/3jve45Z60iU
    – manonastreet
    Feb 12, 2022 at 9:00

1 Answer 1

Reset to default
1

The default trace settings in Inkscape should manage this just fine. Select the raster image, and click Path > Trace Bitmap.

An example: Trace is on the left, original on the right. I increased the Threshold a little to 520. Click to see at full size.

enter image description here

Tracing is rarely perfect though. A higher resolution image (with more pixels) would be better. Ultimately redrawing manually would be the best method, assuming you have the skills to recreate it obviously.

After you have finished, select and delete the raster image. Then save the SVG.

Improve this answer
1
  • Although the traced image looks sharp, but when zoom it a bit, it's visible that corners inside the patterns are not rectangular 90°, but slightly rounded. So seems the artifacts can't be completely avoided.
    – Lexx Luxx
    Feb 2, 2022 at 23:27

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.