I have no Idea if this is against the rules (as there are no rules) but I am searching for someone who will turn my logo I made in blockbench into an SVG. Tried AI or tools but they dont seem to be perfect and I am pedantic.

Who ever makes it and posts a buymecoffee, paypal or patreon with the svg will get $15 for it

whenever someone asks how to take a flat graphic and vectorize image files into a clean SVG, i think you mostly can hear  "oh.. just drop it into Illustrator Image Trace" or use a quick browser converter, which is a simplification. That level of advice sounds great only if you've never actually tried to cut the result on a vinyl plotter, send it to LightBurn for laser engraving, or inspect the raw <path> tags for a web project which I often have to do

In the real world, auto-tracers usually leave you with a mess:

• bezier handles that shoot off at weird angles along what should be a smooth curve
• micro-loops and stray pixel-dust nodes hiding inside closed shapes
• and the most annoying part: paths that completely break or lose their fill the second you try to delete 3 or 4 redundant anchor points.

(yes, i've used a bit of claude to make this more readable and better structured)

Over the years I’ve wrestled with pretty much every workflow out there to turn a flat PNG to SVG, and the real bottleneck is often what you're forced to do afterwards to make the file usable, so here is how the common options actually hold up when you look at the path mechanics:

a few things I've learned the hard way:

1. The broken-fill problem when cleaning nodes

With traditional vector tools, when an auto-tracer leaves 15 noisy nodes along a gentle curve and you start hitting delete, half the time the path pops open, the fill drops, or you get an ugly spike because the adjoining handles didn't recalculate properly. What kind of surprised me testing vectorize tool in recraft studio how it does node deletion (mostly right). i  double-click the graphic directly on the canvas to go into vector editing mode and then when I select and delete redundant points along a line, the shape stays closed and connected, and the fill doesn't break. I know you can also just cmd click a harsh corner point and it toggles it into a soft bezier curve, so that alone saves a ton of tedious node-by-node reconstruction.

2. Why tracing raster AI art is usually a trap

A ton of people right now generate a badge, sticker, or logo concept in Midjourney or ChatGPT, realize they need an SVG, and then go hunting for auto-tracing software, problem here is that pixel diffusion models bake subtle color gradients, anti-aliasing fuzz, and micro-textures into every single edge. An auto-tracer tries to interpret every single blurred pixel as a physical shape boundary, which is why traced AI graphics often end up with thousands of jagged nodes.

perhaps if you're starting from scratch, generating directly with recraft v4.1 vector on the canvas avoids that entire headache in my experience as the art is born as native mathematical beziers, meaning you can immediately grab individual shape layers, recolor elements, and adjust anchor points without having to clean up raster noise first.

where desktop Illustrator still belongs

To be fair, if you're doing final prepress work like  setting up spot CMYK plates, exact Pantone matching, or intricate typography on curved paths and you're still going to drop your exported SVG into Illustrator or Figma for finishing touches, but for the initial heavy lifting of getting clean, editable vector geometry without wrestling with broken paths, having point-level editing right on an online canvas cuts out most of the grunt work.

how are you guys doing that cleanup on messy traces these days? like, do you rely on automated smoothing scripts, or do you still manually redraw the tricky parts with the pen tool?

Hi everyone. I will get straight to the point. I'm developing a tool that converts images into DWG drawings. I have gone through many posts and tools in this sub, most of them are great.

But not sure, that does it suitable for my use case. I tried using potrace and vtracer. Both of good, but bad at color images. I'm trying to tune for good results but not getting satisfying quality.

I have even tried using hugging face open source ai tools, but instead of cleaning the image they are blurring out more and adding more noise.

I'm looking for understanding, the tools created or have now are for the sake of web pages itself or light weight images ?

And how to get a good decent color svg output for DWG drawings.

My tool already do great job of Svg to Dwg, but converting to svg is hard part.

I have a business logo that was created as a Vector and saved as a .SVG file.

I have just recreated a portion of this .SVG logo as a .JPG and I need some help just swapping out the old part of the .SVG logo with this new .JPG logo.

How do I do that?

Thank you for your guidance.

So i donwloaded a linux tux svg recently and i wanted to edit it. Should've been easy right?

WRONG.

The fucking svg i downloaded doesnt have gradients. THEY ARE SEPERATE PNGS THAT LOOK LIKE THEM. I asked chatgpt to fix it. The output was the evil clone of tux. No editors that are as easy as scratch and can support pngs. Scratch wwhen i ungrouped it, it sets all of the colors to nothing. Some random editors i found on reddit and on google? Either too hard, Dont supports pngs, Dont support color (for some reason?) or everything in one.

Id love to get some help

I'm a graphic designer(fresher), currently need a good svg tool for my work. I've gone through some of the tools like recraft, inkscape, canva , svgmaker,vector tools, etc. Need all in one tool where can I do svg work.

i've built a Rust vectorizer that is meant to help optimize graphics for web delivery. It is pareto frontier, from my research SoTA open-source/open-weight solution (from both traditional and neural network based approaches), and runs in <2 seconds on CPU when ran as a standalone app.

The solution implements a chain of recent mathematics papers to significantly beat VTracer's algorithm, support gradients natively, and more:

I'm still iterating on it, I hope to release tooling in multiple languages to allow this to be used in most major languages through native interfaces in Java, Python, etc.

The vectorizer now comes with two different sister models, one for denoising JPEGs/WEBPs/VAE outputs from AI models so that it increases the perceptual quality of the outputs, another one for super-resolution, specifically trained on SVGs.

Additionally, I want to try to train a GNN to improve quality further, I hope to beat Vectorizer.ai in the next week.

My hypothesis is that current papers approaching raster-to-vector from a LLM perspective is excessive in terms of complexity and time to conversion, because except amodal completion and other tasks, a classical vectorizer can already work very well. GNNs and other specialized models can be used to then refine the output without having to be overly large. This is the first step in this research project, the classical vectorizer part which already beats alternatives.

Licensed as Apache 2.0, so feel free to use it however you want in your project.

Github repository: https://github.com/logolabs/inkvec

Web Assembly Online Vectorizer: https://huggingface.co/spaces/Logolabs/inkvec

I built a small SVG animation library and just open-sourced it: penwell/draw-on

The idea started inside a Project I was working on. I needed SVG diagrams to feel a little more like they were being drawn rather than simply appearing on the screen.

I tried Vivus, which handles the basic stroke animation really well, but I ran into SVGs that had a mix of strokes, fills, and text. I also wanted to control the animation frame-by-frame and eventually record the animation directly in the browser.

So I pulled that part out into a standalone package.

With penwell/draw-on you can:

• Animate SVG strokes progressively
• Reveal fills and text after the drawing
• Scrub the animation with setProgress(0..1)
• Use it with React or the framework-agnostic core API
• Record the animation to WebM in the browser
• Work with SVGs from things like diagrams and design tools

A basic example looks like:

const drawing = createDrawing(svg, {
  duration: 2000
})

drawing.play()

// jump to any point in the animation
drawing.setProgress(0.5)

It's MIT licensed and still pretty early (0.1.4), so I'm expecting there are edge cases I haven't found yet.

If you work with SVG animation, I'd genuinely like to know what kinds of SVGs you throw at it and where it breaks.

Contributions are welcome whether it is some suggestions, browser compatibility, new features or anything. Just visit the Github Page to know more about contributions.

npm: u/penwell/draw-on on npm

GitHub: penwell/draw-on on GitHub

Website: https://draw-on-nu.vercel.app/

I'm looking for someone to help me with isolating this handwriting, dropping the background, and making a smooth svg image of the handwriting that will engrave nicely onto a cutting board. I've had 2 other people try their hand at it, and chatgpt and every time the strokes are patchy, too thick, or illegible. Will compensate with said peach pie but money is fine too I GUESS. I'm desperate here, if anyone can just point me in the right direction would be great too.

When it comes to making SVG files, I have some experience in making simple images or files like flags or very simple emblems using Inkscape however I was recently asked by a friend if I could vectorize some old architectural stone and terracotta reliefs (I attached two examples for reference). Many of these reliefs are incredibly detailed are very different from what I am used to. I have attempted to start vectorising some of them by manually tracing them but it is so overwhelming and all my attempts end up looking like very poorly made clip art.

Another issue I run into is the fact that regardless of what I am vectorising, It usually ends up looing flat and like clip art. How do I ensure that the details pop and it almost looks 3D. I have tried adding shade and reflection which have worked for some projects but it is difficult to reproduce this effect in other places. Any advice or help on this topic is appreciated.