Image to SVG Converter

Convert PNG and JPG to real vector SVG, in your browser

An image-to-SVG converter turns a raster picture — pixels — into a vector graphic — mathematical paths. That is the difference between a logo that goes blurry on a billboard and one that stays razor-sharp at any size. EzySize's converter runs a genuine Potrace tracing engine (a WebAssembly port of the same open-source algorithm behind professional tools like SVGcode) directly in your browser: edges are detected, converted to smooth bezier curves, and exported as a standards-compliant .svg file. Nothing is uploaded; the whole trace happens on your device.

This is not the cheap trick some sites pull, where your PNG is simply embedded inside an SVG wrapper. An embedded image is still pixels — it blurs when scaled and gains nothing. A traced SVG contains paths: open the file in a text editor and you will see them. Scale it to 10× and every curve stays perfectly crisp, and the file is usually far smaller than the original raster for graphics-style images.

Two trace modes cover the real-world cases. Black & white mode thresholds your image to pure black and white, then traces clean single-color paths — the right choice for logos, stamps, signatures, and line art. Color mode posterizes the image into 2–16 flat color layers and traces each layer separately, rebuilding illustrations and multi-color graphics as stacked vector shapes.

How to convert an image to SVG, step by step

1. Drop your image onto the page. Click the upload area or drag the file from your file manager. PNG and JPG both work; clean, high-contrast graphics trace best.
2. Choose the trace mode. Black & white for logos and line art; color for illustrations with flat color regions. The corner-handling default (Minority) suits almost everything.
3. Set threshold or colors. In black & white mode, the threshold slider decides which tones become black — start at 128 and nudge toward your subject. In color mode, the colors slider sets how many flat layers the image is reduced to (fewer = cleaner, more = more faithful).
4. Clean up speckles with detail. Scanned drawings and compressed JPGs carry noise that traces as tiny junk paths. Raising the detail setting discards anything smaller than that pixel area.
5. Hit Trace to SVG. The engine loads once (a small one-time download), then traces in seconds. Your vector preview appears with a path count and file size.
6. Download and use anywhere. The .svg opens in Illustrator, Inkscape, Figma, browsers, and laser cutters — it is a real vector file, ready for print, web, or engraving.

What vector tracing is actually for

Logos that only exist as PNGs. The classic case: a client sends a logo as a small JPG and needs it on a banner. Trace it, scale it infinitely, done.

Laser cutting and vinyl plotting. Cutters follow vector paths, not pixels. Tracing converts a sketch or graphic into cut-ready outlines.

Web icons and UI assets. One SVG replaces a whole folder of PNGs at different densities — it renders perfectly on every screen, including retina.

Embroidery digitizing prep. Machine-embroidery workflows start from clean vector shapes; a traced logo is the first step.

Print-on-demand graphics. Merch platforms prefer vectors for crisp prints at any garment size.

Pro tips for clean traces

• Start with the cleanest source you have. Tracing amplifies what is there — including JPEG artifacts. A crisp PNG traces cleaner than a recompressed JPG.
• Boost contrast before tracing. Faint gray lines become broken paths. Darken line work first with the Photo Editor for unbroken curves.
• Do not trace photographs. Photos produce enormous, blotchy SVGs with thousands of paths. Tracing is for shapes — logos, icons, illustrations, drawings.
• Fewer colors, smaller file. In color mode, 4–6 colors usually capture an illustration's look; 16 colors mostly adds file size.
• Check the path count. Hundreds of paths is normal for detailed art; tens of thousands means noise — raise the detail setting and re-trace.
• Preview at huge size. Zoom the preview way in: smooth curves mean a good trace; jagged stair-steps mean the source was too small or too noisy.

PNG to SVG and JPG to SVG: what to know

Does converting PNG to SVG improve quality?

It does not add detail that was not there — tracing cannot invent resolution. What it does is preserve every edge perfectly at any size, and turn the image into editable shapes you can recolor and reshape in vector software.

Can I edit the traced SVG?

Yes. The output is standard SVG with grouped paths per color layer — open it in Inkscape (free) or Illustrator, ungroup, and every shape is individually editable.

Vector conversion without the catches

Desktop tracing software costs money; most online converters upload your artwork to a server and watermark the result. Here the industry-standard Potrace algorithm runs locally via WebAssembly, the SVG is clean and complete, and your artwork never leaves your machine — which matters for unreleased logos and client work.

What vectorizes well (and what doesn't)

The honest guide no converter front page gives you: logos, icons, line art, typography, and simple illustrations vectorize beautifully — clean edges, flat colors, and high contrast are exactly what tracing algorithms eat for breakfast. The result is crisp paths that scale to billboard size and edit cleanly in Inkscape or Illustrator.

Photographs are the opposite. A photo's gradients, textures, and thousands of colors become tens of thousands of tiny paths — a huge file that looks like a blobby approximation of the original. Tracing doesn't add detail; it just redraws edges. If your source is a photo, keep it a raster image (PNG/JPG) and resize thoughtfully instead. The threshold slider helps borderline cases: nudge it until the preview captures the shapes you want without turning noise into speckles.

Trace bitmap like Inkscape, without installing it

If you've ever used Inkscape's Path → Trace Bitmap, you already know this engine: Potrace is the open-source tracing algorithm behind it, and it runs here via WebAssembly, entirely in your browser. Same edge-following math, same clean Bezier output — minus the 200MB download and the learning curve.

The trade-off is scope, stated plainly: Inkscape gives you multiple trace modes, node editing, and path surgery afterward. This tool gives you the core trace — black-and-white or color, with detail control — instantly, with nothing to install and your artwork never leaving your machine. For logos and icons headed to the web, that's the whole job.

Pixels in, paths out. Drop the image, pick a mode, and take home a vector that scales forever.