The best color count for tracing.

Use 4 to 16 colors for logos, icons, and flat artwork; 16 to 32 for detailed illustrations and badges; 32 to 64 with High density mode for photographs and screenshots. The setting controls how many colors the image is reduced to before any outlines are fitted, which is why it has more effect on the result than every other option combined.

What the setting does

Tracing runs in three stages, and the color count governs the first one.

1. Quantization — the image is reduced to a palette of the size you choose, from 2 up to 512 colors, and every pixel is mapped to its nearest palette entry.
2. Region tracing — connected areas of each palette color are outlined and fitted with curves.
3. Path output — those outlines are written as SVG <path>elements at the source’s original dimensions.

So the count does not adjust the output after the fact. It decides how many distinct regions exist to be traced at all, and everything downstream — path count, edge cleanliness, file size, color fidelity — follows from that one number.

Starting points by artwork type

• Logos and monograms — 2 to 8. Count the colors the design genuinely uses and add one for the background. Most brand marks need no more than this.
• Icons and pictograms — 4 to 8. Flat by construction. A low count also keeps antialiased edges from becoming their own thin regions.
• Illustrations and badges — 16 to 32. Enough headroom for shading and gradients without fragmenting the flat areas.
• Photographs — 32 to 64, High density. Continuous tone needs a wide palette; below about 32 you get visible posterized banding across skies and skin.
• Screenshots — 48 to 64, High density. Interface text is the constraint. It is thin, antialiased, and the first thing to break.

Notice that these are ranges by content, not by file format. Whether the source arrived as JPG, PNG, WebP, or AVIF barely affects the right answer — the artwork decides it. That is the same reason the Image to SVG converter lets you set one palette across a batch of mixed formats.

What too low looks like

Undershooting is easy to spot: smooth gradients break into visible bands, distinct colors in the original merge into one, and shapes that should be separate fuse where they touch. On a photograph the effect is posterization — sometimes exactly what you want for a graphic, screen-printed look, and sometimes just wrong.

The subtle failure is a logo where two brand colors happen to be close in luminance. At a very low count the quantizer maps both to the same palette entry and a shape quietly vanishes. Always compare against the original rather than judging the output alone.

What too high looks like

Overshooting is harder to notice and more common. Past the point where the palette covers the tones actually present, the extra entries do not describe detail — they describe noise. Film grain, JPEG compression artifacts, and the antialiased pixels along every edge each get their own color, and therefore their own region and their own path.

The output looks faintly speckled rather than sharper, edges pick up a halo of thin slivers, and the file grows quickly. If your SVG came out far heavier than expected, an excessive color count is the first thing to check — see why is my SVG file so large.

Color count versus tracing mode

The two settings are independent and often confused. The mode — Simple, Standard, or High density — controls how much of the source detail the tracing works from. The color count controls how many tones that detail is grouped into. They interact in a way worth understanding:

• Low count, low mode — clean, graphic, small. The right combination for logos and icons.
• High count, High density — faithful and heavy. The right combination for photographs, if you accept the file size.
• High count, low mode — usually wasteful. The mode has already discarded the detail the extra colors would have described.
• Low count, High density — a deliberate posterized look at full source resolution. Occasionally exactly right.

Tuning it in practice

Do not try to reason your way to the number. Convert the same image twice — once at the low end of the range for its type, once at the high end — and compare the previews at full size. Judge the boundaries, not the thumbnail:

• Banding across an area that should be smooth means the count is too low.
• Speckles or slivers along an edge that should be clean means it is too high.
• A color that disappeared entirely means it is far too low.

One shortcut for lossy sources: if you are converting a JPG that has been re-saved a few times, deliberately go lower than you think you need. The blocky 8×8 artifacts JPEG leaves around high-contrast edges merge into flat tone at a low count, which is the cheapest cleanup available in the JPG to SVG converter.

Where to convert

The converters that put this guide into practice:

• JPG to SVG converter — A low color count is the most effective way to flatten JPEG compression artifacts.
• Image to SVG converter — Set one palette across a mixed batch, chosen by artwork type rather than file type.
• AVIF to SVG converter — AVIF sources are often photographic, which puts them at the high end of the range.

Where can I read more?

The output is standard SVG markup, defined by the following public specifications and references:

• W3C — Scalable Vector Graphics (SVG) 2 specification
• MDN Web Docs — SVG reference
• MDN Web Docs — Image file type and format guide
• Can I use — browser support for SVG

Written and maintained by the JPGtoSVG team. Last updated August 5, 2026.