SVG Tracer

Fitting tolerance. Higher values give fewer, looser segments; lower values follow the pixels more closely. In Smart mode a straight edge always becomes one clean line.

A vertex that turns sharper than this is kept as a hard, unrounded corner. Turns gentler than this are treated as part of a curve.

Recognize geometric shapes looks at the traced lines the way a draughtsman would: a straight run becomes one true line right through every crossing, arcs lying on one circle become that circle (or a single arc), a long stretch of an ellipse becomes the whole ellipse when the rest of its outline is covered by ink (curves that crowd together and merge, as in a spirograph, are followed through the merged ink; once several ellipses share a centre and size, the others are found as the same ellipse turned to another angle), lines that meet end to end become a polyline, polygon or rectangle, and the pieces of a dashed line interrupted by other lines become one dashed line. Line ends are put exactly on the corner they run into, near-level lines are made exactly horizontal or vertical, circles drawn about one point share its centre, and lines of practically one weight get the same width. Free-form, hand-drawn lines are left as curves. The download saves these as real <line>, <circle>, <ellipse>, <rect>, <polygon> and <polyline> elements; a shape you reshape by hand is saved as an ordinary path. Only lines whose thickness falls between Min and Max (in the original image's pixels) become strokes. With auto-detect on, Max is set from the drawing's own line weights each trace — covering fine hatching and heavier outlines alike, but stopping before text or solid shapes that are clearly thicker; turn it off to set Max by hand, a little above your heaviest line. Raise Min to leave hairlines, texture and stray marks as filled shapes (0 = no minimum). Lines in range become a single centerline stroke with a matching width, instead of a filled outline on each side — cleaner, lighter, and easy to restyle. Thicker areas stay filled shapes. The background colour never becomes strokes. When a drawing pairs one dominant fine line weight with clearly heavier outlines, the heavy lines are traced first, on their own, and drawn on top; the fine lines are then traced up to them, so crossings and T-joins stay clean. Detect dashed & dotted lines works on its own (strokes need not be on): rows of five or more alike, solid marks of one colour at an even spacing become a single path with stroke-dasharray, so the dash pattern can be restyled in one place. Line smoothing re-centres each line between its two edges and irons out pixel and scan noise before fitting curves; 0 follows the pixels exactly, 1 suits most art, 2 for rough scans or hand-drawn lines.

With Double the size for fine line art on (the default) and the slider left alone, a drawing whose lines are under about 6 px wide is traced at twice its size: line widths and corner radii are measured in pixels, so one pixel of anti-aliasing is a big share of a thin line. Thick-line art, photos and anything over 1200 px stay at their own size. Moving the slider switches this off. Longest side of the image as traced, up to twice the original's size. A new image starts at its original size (capped at 1600 px) — shrinking it makes fine lines fade to grey and break up. With line-art strokes on, tracing never goes below the original size (up to 2400 px), whatever this is set to. Above 1× the image is smoothly upscaled first, which gives cleaner curves on small or low-resolution art. Lower it for faster previews on large photos.

Recognized lines become real <text> elements, sized and spaced to match the original. Text among artwork and widely letter-spaced taglines are found too (each candidate row is read on its own). The OCR engine (Tesseract, about 5 MB) is downloaded from jsDelivr the first time; your image is never uploaded.