CrispSVG

Vectorize an image

Drop a PNG, JPEG or WebP. You get back an SVG with a few thousand clean, grouped paths — one you can open and edit.

Drop an image here

or click to choose one

PNG · JPEG · WebP  ·  up to 2 megapixels  ·  up to 25 MB

Ready to trace

The image you chose
File
Size
Megapixels
Estimated time

The estimate comes from measured runs and scales with megapixels. Queue time is on top of it.

Choose a plan to run it

Your image is uploaded and waiting. Pick a plan and it starts straight away — no key to copy, nothing to set up.

Loading plans…

One credit is one image. Credits reset each billing period and don't roll over. Payments and invoicing are handled by Lemon Squeezy, our merchant of record — tax is calculated at checkout, and you can cancel any time.

Create your account

One step before checkout, so you can sign in from any device later.

Already have an account? Sign in and your plan will attach to it.

Confirming your payment

Waiting for the payment to clear…

This usually takes a few seconds. Your image is still here — as soon as the subscription is active it starts on its own.

You're subscribed

Your image is already being traced. Set a password so you can sign in from any other device — this takes a second.

Skipping is fine — this browser stays signed in either way. You'd just need us to help if you ever clear your site data.

Working on it

Uploading…

Large files take a moment to upload.

You can close this tab. Come back to this address and the job picks up where it left off.

Done

Your image
The image you uploaded
CrispSVG
The vector result, rendered
Paths
File size
Took
All my projects

This file stays on your Projects page — you can come back and download it again from any browser you sign in on.

That didn't work

Something went wrong on our side.

How it works

Auto-trace gives you a file nobody can edit.

Ordinary tracing draws every speck of noise as its own shape, so what you open is a haystack of slivers. CrispSVG works out which regions are flat colour, which are gradients and which are texture, then draws each one the way it should be drawn — real gradients, real circles and rectangles, 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.

Where the difference shows

Same image. Same fidelity. A fraction of the paths.

Faithful by brute force is still unusable: selecting one leaf means selecting four hundred slivers, and the file is heavy enough that the editor fights you the whole way. Fewer paths isn't a smaller file for its own sake — it's the difference between artwork you can select and artwork you can only look at.

Conventional auto-trace
35× more

paths for the same picture, at the same fidelity — and a file most editors can't work with

CrispSVG
A few thousand

paths, grouped into named colour layers you can select as one

Gradients
Real fills

true linearGradient and radialGradient with editable stops, not stacks of flat bands

The ratio comes from a measured run on the collage above, rendered and compared pixel-for-pixel against the original. Your own image will land somewhere else — a flat logo is far simpler, a photograph far busier — but the gap is the point, not the count.

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.