PNG to SVG Tracer

Guides Guides

Illustrator Image Trace Settings Explained, Plus a Free Option

Image Trace in Illustrator has a long preset list and a panel full of sliders, and the labels do not say much. Most of the time you only need to understand four things: the mode, the number of colors, how smooth the paths are, and how much noise to ignore. Get those right and the rest rarely matters.

One logo traced three ways: black and white, 6 colors and 16 colors, with path counts and file sizes under each
The same logo at three color settings: more colors, more shapes, a heavier file

The presets in plain words

A preset is just a saved set of the panel's controls. Pick one, look at the result, then adjust.

The panel controls that matter

Mode. Color, Grayscale or Black and White. Choose Black and White when the final job is a single color, because every extra color is another shape you will have to manage later.

Threshold. Only in Black and White mode. Anything darker than the value becomes ink. If thin lines break up, raise it. If the paper texture turns into dirt, lower it.

Colors or Palette. The most colors the trace may use. For a flat logo, set it to the true count. More than that mostly adds thin halo shapes from edge blur.

Paths. Low values follow the pixels closely and give many points. High values give looser, simpler curves. If your trace looks lumpy, raise Paths. If corners get rounded off too much, lower it.

Corners. How readily a bend becomes a sharp corner instead of a curve. Raise it for logos with hard angles, lower it for hand lettering.

Noise. Ignores areas smaller than this many pixels. This is your speck remover. JPG logos usually need a higher value than PNG ones.

Method and Create. Abutting makes shapes that touch. Overlapping stacks them. Fills is what most jobs need. Strokes makes centerlines, which only suits very thin line art.

Ignore White. Drops white areas so you do not get a white box behind the logo. The same idea matters in any tracer, and the transparent background walkthrough shows how to check it worked.

  1. Place the biggest, cleanest copy of the logo you have.
  2. Pick the color preset closest to your logo, or Black and White Logo for a one-color mark.
  3. Turn on Ignore White if the background should be clear.
  4. Set Colors to the real count.
  5. Raise Paths until edges stop looking lumpy, then raise Noise until stray dots vanish.
  6. Click Expand so the result becomes ordinary editable paths.

If it still looks rough, the source is usually the problem. See how to fix a jagged SVG trace.

The same settings in the free tracer

You do not need Illustrator to do this. The Image Trace online page has a table that maps each Illustrator control to its counterpart, and the SVG tracer runs in your browser, so the file stays on your computer.

In IllustratorIn this tracer
Black and White presetsStyle: Black and white
3, 6 or 16 ColorsStyle: Logo or icon, with the Colors slider
ThresholdThreshold
PathsSmoothing (runs the other way: higher is looser)
NoiseRemove small specks
ExpandNot needed, the SVG is plain filled paths

The two tools will not give identical paths, because each makes its own choices about the same pixels. That is useful, though. If one trace of a tricky logo comes out messy, trying the other is a quick second opinion. For a wider look at the options, read image to vector converter tools compared.

What neither tool will do

Both turn flat areas of color into shapes. Neither turns a photo into a clean illustration, and this tracer makes flat colors only, so gradients come out as bands. If your logo has a gradient, trace it with a few colors and add the gradient back in your design software.

Where to go next

If you are new to the idea, how to vectorize an image covers the whole process from start to finish. To keep the final file small, read how to make an SVG file smaller.

TagsTracingSVGLogos

Related tools

Keep reading