Before · after

Raster in, clean vector out.

Every trace keeps real, editable paths with named anchor points, so the result opens as true SVG anywhere.

Landscape · JPG SVG · 6 paths
Botanical · JPG SVG · 4 paths
Logo mark · JPG SVG · 10 paths
Product · JPG SVG · 7 paths
Raster → vector

Convert PNG, JPG and WEBP images to editable SVG.

SVG Outliner traces raster images into clean vector paths you can edit, recolour and scale without losing a pixel of sharpness. Drop in a PNG, JPG or WEBP and it returns layered SVG line art with real anchor points and colour stops. Everything runs locally in your browser, so nothing you upload leaves your machine.

Vectors stay crisp at any size, from a 16px favicon to a printed billboard, and export far smaller than a high-resolution bitmap. Because the output is genuine SVG, every path opens in Figma, Illustrator or a code editor, ready to tweak by hand.

What you can use it for

01

Logo rescue

Recover a sharp, editable source from a low-resolution logo.

02

Print & cutting

Prep clean line art for cutting machines, vinyl and screen printing.

03

Design systems

Build scalable icons and marks that stay crisp at any size.

04

Un-flatten

Turn a flattened export back into layered, animatable strokes.

How the trace works

Three steps to a clean file.

01

Read the edges

The tracer finds the shapes and edges in your image and separates them into layers.

02

Fit the paths

Smooth vector paths are fitted to each edge, with anchor points where the curve turns.

03

Export clean SVG

Adjust anchors, merge layers and recolour, then export one standards-compliant file.