How to Vectorize an Image (4 Free Methods)

Vectorizing an image means converting it from a grid of pixels (raster) to mathematical paths and shapes (vector). The result is an SVG, EPS, or AI file that scales to any size without losing quality — from a 16px favicon to a 10-foot banner, every edge stays sharp.

The catch: vectorization is a tracing process, not a format conversion. Software analyzes the pixel data and draws paths that approximate the shapes it finds. The output is a reconstruction, not a copy. It works brilliantly on logos, icons, line art, and simple illustrations. It produces unusable results on photographs.

This guide covers four free methods, explains what vectorizes well (and what doesn't), and helps you pick the right tool for your source image.

What Is Image Vectorization?

Raster images (JPG, PNG, BMP) store color values for each pixel in a grid. Scale them up and you see the grid — blurry edges, visible pixels. Vector images (SVG, EPS, AI) store mathematical descriptions of shapes — Bézier curves, lines, fills. Scale them up and the math recalculates — edges stay sharp at any size.

Vectorization converts the left column into the right column through automated tracing. The quality depends entirely on the source image.

For detailed format comparisons, see SVG vs PNG: When to Use Each Format.

What Vectorizes Well (and What Doesn't)

Before choosing a method, assess your source image. This saves you time and frustration.

Good Candidates for Vectorization

• Logos on solid backgrounds. Clean edges, limited colors, high contrast. Excellent tracing results.
• Line art and illustrations. Pen drawings, technical diagrams, comic art. The clearer the lines, the better.
• Icons and symbols. Simple shapes with solid fills. SVG is the ideal format for these.
• Text rendered as an image. Tracing can recover the letterforms, though re-typing in a font is usually better.
• Silhouettes and cutouts. High contrast, clear edges. Perfect for tracing.

Poor Candidates

• Photographs. A photo of a landscape, person, or product will produce thousands of overlapping paths that look nothing like the original. Keep photos as raster images.
• Complex gradients. Tracing approximates gradients as stacked solid-color bands. The result is visually coarse.
• Low-resolution sources. The fewer pixels the tracer has to work with, the rougher the output. Start with the highest-resolution version of your image.
• Images with noise or compression artifacts. JPEG artifacts get traced as jagged shapes. Clean up the source first or trace at lower detail settings.

Rule of thumb: If you can describe the image as "shapes on a background," it will vectorize well. If you'd describe it as "a photograph," keep it raster.

Method 1 — Inkscape Trace Bitmap (Desktop, GPL-2.0)

Inkscape 1.4 is the most powerful free vectorization tool. Its Trace Bitmap feature offers multiple tracing algorithms with fine-grained control over sensitivity, smoothing, and output complexity. Licensed under GPL-2.0. Runs on Windows, macOS, and Linux.

Steps

1. Open Inkscape 1.4 and go to File → Open. Select your raster image.
2. Click on the imported image to select it.
3. Go to Path → Trace Bitmap (or Shift+Alt+B).
4. Choose a tracing mode:
   • Brightness Cutoff: Best for black-and-white logos. Set the threshold to control what counts as "black."
   • Edge Detection: Best for line art. Traces edges regardless of fill color.
   • Color Quantization: Best for multi-color graphics. Set the number of colors to trace.
   • Multiple Scans → Colors: Produces layered output with one path per color band. Best for complex illustrations.
5. Adjust the threshold/detail slider and click Update to preview.
6. Click Apply when satisfied.
7. Delete the original raster image (it sits underneath the traced paths).
8. Go to File → Save As and choose Plain SVG or Inkscape SVG.

Tips for Better Results

• Increase source contrast first. Adjust levels or curves in GIMP (GPL-3.0) before tracing. Higher contrast produces cleaner edges.
• Use "Smooth corners" and "Optimize" options in the trace dialog to reduce unnecessary nodes. Fewer nodes = smaller SVG files.
• For multi-color images, start with Color Quantization at a low number of colors (4-8) and increase until the result captures enough detail.

For JPG-specific tracing steps, see How to Convert JPG to SVG. For PNG-specific steps with transparency handling, see How to Convert PNG to SVG.

Method 2 — Potrace CLI (GPL-2.0)

Potrace 1.16 is a command-line tracing program that converts bitmap images to SVG, EPS, or PDF vector output. It's the engine behind Inkscape's Trace Bitmap feature. Licensed under GPL-2.0.

Potrace works only with monochrome (black-and-white) input. For color images, you need to pre-process with ImageMagick or GIMP to extract individual color layers.

Install

• macOS (Homebrew): brew install potrace
• Ubuntu/Debian: apt install potrace
• Windows: Download from potrace.sourceforge.net

Basic Usage

Potrace takes BMP input. Convert other formats first with ImageMagick 7.1 (Apache 2.0):

# Convert JPG/PNG to BMP, then trace
magick input.jpg -threshold 50% input.bmp
potrace input.bmp -s -o output.svg

The -threshold 50% flag converts to pure black-and-white. Adjust the percentage to control how much detail gets captured (lower = more white, higher = more black).

Control Tracing Quality

potrace input.bmp -s -o output.svg --turdsize 5 --alphamax 1.0 --opttolerance 0.2

• --turdsize 5 — Remove specks smaller than 5 pixels. Increase for noisier images.
• --alphamax 1.0 — Corner smoothing. 0 = sharp corners, 1.34 = maximum smoothing.
• --opttolerance 0.2 — Path optimization. Higher values produce simpler paths (smaller files) at the cost of accuracy.

Batch Vectorize

for f in *.png; do
  magick "$f" -threshold 50% "/tmp/${f%.png}.bmp"
  potrace "/tmp/${f%.png}.bmp" -s -o "${f%.png}.svg"
done

Best for: Automated pipelines, CI/CD icon generation, and users who prefer command-line tools. Produces extremely clean SVG output for monochrome images.

Method 3 — Pixotter Online Vectorizer

Pixotter's converter handles raster-to-SVG conversion in the browser using WebAssembly. Drop your image, select SVG output, and download the traced vector.

Steps

1. Open Pixotter's Convert tool.
2. Drop your raster image (JPG, PNG, BMP) onto the page.
3. Select SVG as the output format.
4. Click Convert and download the SVG file.

Processing happens locally — your image never leaves your browser. No file size limits, no account required.

Best for: Quick vectorization without installing software. Works on any OS with a modern browser.

Method 4 — Adobe Illustrator Image Trace (Proprietary)

Adobe Illustrator's Image Trace feature is the industry standard for vectorization. It's not free — Illustrator requires a Creative Cloud subscription ($22.99/month for the single-app plan as of 2026).

Steps

1. Open your image in Illustrator.
2. Select the image on the artboard.
3. Go to Object → Image Trace → Make.
4. Open the Image Trace panel (Window → Image Trace) to adjust:
   • Preset: Choose from High Fidelity Photo, Low Fidelity Photo, Black and White Logo, Sketched Art, etc.
   • Colors: Limit the number of colors in the trace.
   • Paths/Corners/Noise: Fine-tune path smoothing and detail.
5. When satisfied with the preview, go to Object → Image Trace → Expand to convert the trace to editable paths.
6. Export as SVG: File → Export → Export As → SVG.

Best for: Professional designers who already have a Creative Cloud subscription and need the most control over tracing parameters.

Raster vs Vector — Detailed Comparison

After Vectorizing: Next Steps

Once you have your SVG, you may need to:

• Clean up paths. Open in Inkscape and delete unnecessary nodes, merge overlapping shapes, or adjust colors.
• Optimize file size. Run through SVGO 3.3 (MIT license) to strip unnecessary metadata and minify the XML.
• Convert to other formats. If you need a raster version at a specific size, see How to Convert SVG to PNG or How to Convert SVG to JPG.
• Use on the web. SVG can be embedded inline in HTML for CSS styling and JS manipulation, or used as a standard <img> or CSS background-image.

FAQ

Can I vectorize a photograph? Technically yes, but the result won't resemble the original in a useful way. Tracing a photograph produces thousands of overlapping colored paths that look like a posterized abstraction. Photographs should remain in raster formats (JPG, PNG, WebP). Vectorization is for graphics, logos, and illustrations.

What resolution should my source image be? As high as possible. Tracing algorithms work with the pixel edges they can detect — more pixels means more accurate edge detection. A 500×500 logo gives rougher results than a 2000×2000 version of the same logo. If you have access to a higher-resolution version, use it.

Which vectorization method produces the smallest SVG? Potrace, because it traces monochrome outlines and produces minimal path data. Inkscape and Illustrator produce larger files when tracing multi-color images because they create separate paths for each color region. Run any SVG through SVGO 3.3 (MIT license) afterward to reduce file size further.

Can I vectorize text in an image? Tracing can recover letterforms as vector paths, but the result isn't editable text — it's a group of shapes that look like letters. For editable text, identify the font (use a tool like WhatTheFont) and re-type it. You'll get cleaner results than tracing.

What's the difference between tracing and auto-tracing? They're the same thing. "Auto-trace" refers to the automated bitmap-to-vector conversion that tools like Inkscape and Illustrator perform. "Trace" is the general term. Manual tracing means drawing vector paths by hand over a raster reference — more precise but much slower.

Is SVG the only vector format? No. EPS (Encapsulated PostScript), AI (Adobe Illustrator), and PDF can all store vector data. SVG is the standard for web use because browsers render it natively. EPS and AI are common in print workflows. PDF is hybrid — it can contain both vector and raster elements.

How do I vectorize a logo with multiple colors? Use Inkscape's Color Quantization or Multiple Scans mode. Set the number of colors to match your logo (usually 2-5). The tracer creates separate paths for each color region. Review and clean up the result — automated multi-color tracing sometimes produces overlapping or misaligned paths at color boundaries.