CrispSVG
Raster in, editable vectors out

Auto-trace gives you 690,000 paths. Nobody can edit that.

CrispSVG traces your image into a few thousand clean paths — with real gradients, real circles and rectangles, and colours grouped the way you'd group them yourself. Open it in Illustrator, Figma or Inkscape and actually change something.

The source image: a dense Japanese-themed collage of bamboo, cranes, marble, terrazzo and a gradient sun.
The same collage as CrispSVG vector output, at the same size — the artwork reads as the original.
Source JPEG CrispSVG

Drag to compare. Whole image, actual size — bamboo, ink cranes, marble veining, halftone dots and a gradient sun, all in one file.

The number that matters

Same image. Same fidelity. 35× fewer paths.

Conventional auto-tracing is faithful by brute force: it draws every speck of JPEG noise as its own shape. The result opens, renders, and is completely unusable — selecting one leaf means selecting four hundred slivers.

Conventional auto-trace
690,564

paths · 52.7 MB · unusable in any editor

CrispSVG
19,506

paths · 7.9 MB · grouped into named colour layers

Real gradient fills
36

true linearGradient and radialGradient, not stacks of flat bands

Measured on the same 1408×768 source image, rendered and compared pixel-for-pixel against the original.

Same settings, three kinds of image

It doesn't need tuning

These ran on the defaults — no per-image settings, no sliders to fiddle with. Ink line work, flat pastel geometry, photographs, watercolour texture and soft gradients all come out of the same pass.

Source JPEG
Memphis-style collage: flat pastel triangles and zigzags over dense black ink drawings of bamboo, koi and cranes.
CrispSVG
The same collage as vector output — the ink strokes and pastel shapes both survive.

Ink line work over flat colour

Source JPEG
A grid of seven very different panels: pixel art, a photograph, single-line portrait, watercolour, flat logo, heavy type and a soft gradient sphere.
CrispSVG
The same seven panels as vector output — each panel handled differently by the same pass.

Seven content types, one pass

What comes out

An SVG built the way you'd build it

<circle> <rect>

Shapes stay shapes

A circle is written as a circle, not a 200-point polygon. Drag the handle and it's still a circle.

<radialGradient>

Gradients are gradients

Smooth blends are detected and written as real gradient fills with editable stops.

<g fill="#0B7A8C">

Colours are grouped

Every shape of the same colour sits in one group. Change the group, change the artwork.

Before you sign up

It takes minutes, not seconds

Most auto-tracers hand you a file in about two seconds. CrispSVG takes roughly two to four minutes for a one-megapixel image, because the slow part is the part you're here for: working out which regions are flat colour, which are gradients, which are texture, and drawing each one the right way.

If you need a result in two seconds, use something else — genuinely. If you need a file you can open and edit afterwards, that's the trade we made on purpose.

Early access