SVG trace editor

Open an image to trace it into SVG paths. Once open you can tweak the colors, detail and curves until it looks right and download the final vector SVG.

Input

Drop, paste or choose an image

PNG, JPEG, WebP, GIF or BMP, up to 50 MB and 50 megapixels. It stays in your browser.

Trace size (megapixels)

Larger images are scaled down to this size first. More detail takes longer.

Options

Mode

Preset

A preset sets the options below. You can change them after.

Colors

Merge similar colors

Remove background

Background tolerance (%)

Pick the background color

Background color

Close gaps between colors

Adds a thin outline in each shape's own color so no hairline gaps show.

Paths

Path type

Simplify (px)

Curve fit (px)

Ignore specks smaller than (px²)

Raises Simplify and the speck filter one step for a smaller, cleaner SVG.

Small holes

Optimize the SVG on download

Preview

Original

SVG

Open an image to start.

Paths

—

Nodes

—

Colors

—

Size

—

Next step SVG optimizer SVG recolor SVG to code SVG editor

More tools

SVG editor

Edit paths, nodes and shapes in your browser.

SVG optimizer

Shrink SVG files with a before and after preview.

SVG recolor

Map an SVG's colors to a new palette.

SVG to code

React, Vue, Svelte, CSS background, data URI and more.

SVG palette extractor

List every color in an SVG and export it as a palette.