ImageToSVG.site Open the converter

Guides → Fixes & applications · ~6 minute read

Why JPEG Logos Vectorize Badly, and How to Fix It

Almost everyone has been here: the only surviving copy of a client's logo is a 380×270 JPEG found on the second page of an old website, and you need a production SVG by Thursday. JPEGs can trace acceptably, but you need to know which of JPEG's specific artifacts you are fighting, why tracing is unusually sensitive to them, and what compensating settings recover.

Artifact 1: chroma subsampling (the edge colors are never really there)

JPEG stores brightness at full resolution but color at a fraction of it. The default in most encoders is 4:2:0, meaning the color planes are a quarter of the size of the luminance plane. The consequence for tracing is nasty: the exact place a shape's color changes is always stored smeared. Yellow text on a navy background does not transition logically navy→gold across a pixel boundary; the file itself contains muddy green-gray pixels along every color edge, because those are honest interpolations of quarter-resolution color data.

Fix: the converter's quantizer recognizes low-share "blend" colors and removes them from the palette before tracing, so the halo band does not become its own path layer. If your JPEG is extreme, raise Detail to 1024+: interpolated color edges become cleaner ramps the blend-cluster filter can catch reliably. And if the file that reaches you was re-saved by a messaging app, each additional compression cycle made it worse, so ask for the original when asking is possible.

Artifact 2: ringing ("mosquito noise") along hard edges

The 8×8 DCT blocks rings: oscillating off-color ripples that walk along every high-contrast edge. In yellow-on-navy logos, ringing shows up as faint blue or gray fringes sprouting from letters. A naive tracer commits each fringe shade to its own path, and the "logo" becomes a barcode of hairline paths.

Fix: two controls cooperate here. The pre-blur stage (always applied, augmented by Simplify) averages the oscillation so the palette stage sees one haze to drop rather than five differently-tinted fringes. And label smoothing reassigns the last fringe pixels at region boundaries so no hairline path survives. Result: clean two-color output from a ringed source, at the cost of slightly rounder letter corners, acceptable in nearly all real cases, and adjustable per job by stepping Simplify back for precious typographic detail.

Artifact 3: banding in gradients

Soft gradients (the "hello, generic 2010s" sunburst backgrounds) quantize into visible bands of constant color when a tracer attempts posterization. The effect is not a bug: a vector file genuinely cannot store smooth per-pixel gradients across area fills traced in this pipeline (that would require a per-band gradient fitting stage, not region tracing).

Fix: decide what you want before tracing. For a decorative poster effect, embrace it: raise Colors to 12–24 and own the stylization (more bands but finer ones). For a logo that merely contains a gradient patch, the highest band is usually noise; merge the gradient's bands down to your two anchor colors and let Merge rebuild the area with the in-between tones folded into whichever shade you designate as the target.

Artifact 4: recompression mud (the "saved by the internet" file)

Beware the cascade: the JPEG that reached you was probably saved, resized, re-saved, screenshotted and messaged. Screenshots taken at odd scales may have resampled with nice, gentle bicubic smoothing (a form of accidental bonus), but messenger recompression adds new ringing and new chroma smear on top of the old ones, plus subtle grid misalignments where the 8×8 blocks of each successive save did not line up.

Fix: find the least-mangled ancestor (view-source on the original site, or ask). Failing that, lean fully into the pipeline: Detail 1536px, Simplify 8–12, and colors cut to the minimum number of real design colors. The output will be a stylization of the logo, not a clone, good enough for small applications, not for a tradeshow wall.

Artifact 5: background intrusions

JPEG has no alpha channel; the "background" of your logo is just more colors. A traced JPEG yields a rectangle of paths behind the artwork, annoying for vinyl, mildly annoying for web icons.

Fix: after tracing, hide the background layer (the × on its swatch), or if the background hue is also used inside the artwork, use knockout to exclude it from tracing everywhere and fill the interior shapes back by hand in your vector editor where they matter. The before/after zoom is your friend for confirming what is actually empty.

Settings cheat sheet for JPEG sources

Most importantly: test against the medium that matters. A cut file reviewed under a lens at 8× zoom (the converter's zoom goes to 8×) tells you in seconds whether the trace is production-ready; better than any file-size or "looks okay on laptop" heuristic. When a JPEG simply will not cooperate, convert it via a higher-quality sibling format if one exists (the PNG or lossless WebP paths give the tracer far cleaner inputs. And if all else fails, the contact page is the fastest way to get a fresh pair of eyes on a stubborn file.