Image / Vector tracing

PNG to SVG — Local Browser Tool

Trace PNG artwork into coloured SVG paths, compare the raster and vector previews, and download SVG or a rasterised PNG.

PNG to SVG — Local Browser Tool: Use this page for PNG logos you own, flat illustrations, scanned line drawings and interface artwork that you want to edit as paths. The input picker is set to PNG, and the initial trace uses a few colours. PNG often contains sharp edges and transparent backgrounds, making it a useful starting point for simple artwork. Transparency is not automatically reconstructed: transparent pixels are placed over white before tracing. The optional lightest-layer removal can remove that background, but also white lettering, highlights or gaps inside the subject. Inspect both previews carefully. Choose black and white for a two-tone drawing, few colours for a compact illustration, many colours for more shades or detailed for a closer outline. Maximum colours, detail and blur remain adjustable. The live preview is reduced to fit a 600-pixel longest side; downloading traces the original image. Tracing can merge small specks, soften edges or make text irregular. It cannot recover the original font, shapes or layers from a screenshot. For clean text, redraw the lettering in a vector editor instead of expecting exact typography. The file limit is 50 MB, 8192 pixels per dimension and 40 million pixels total. Large, detailed images can take longer and produce very large SVG files. The PNG download is a raster rendering of the traced paths, and its export scale controls the saved pixel size. SVG remains a vector export; that scale control does not add detail to its paths. Runs 100% locally in your browser with zero server file uploads.

Category
Image tools
Runs
In your browser
Cost
Free · no sign-up
Availability
Ready to use
Choose a PNG to trace

Click, drag and drop, or paste · stays on this device

Trace flat PNG artwork into editable paths. Transparent pixels are placed over white; removing the lightest layer may also remove white parts of your artwork.

Up to 50 MB and 40 million pixels, with each dimension no larger than 8192 px. Processing stays on this device.

Image to SVGLocal processing

Runs entirely in your browser

Applies to the next raster export.
Choose or drop a PNG, JPG, WebP or GIF

Nothing is uploaded

The live trace uses a smaller preview. Downloads trace the original image. GIF uses its first frame. Transparent pixels are composited over white. Removing a colour can also remove parts of the subject.

Below 80% detail, tracing uses dominant colours and merges isolated specks. Higher detail keeps edge shades and can produce much larger files.

Vector paths and tracing

SVG paths describe outlines that can be resized without a fixed pixel grid. The SVG specification (https://www.w3.org/TR/SVG2/) explains paths and painting. Tracing approximates the source; it does not recover the original design file.

Tracing software and transparency

ImageTracerJS is used under the Unlicense; its source and licence (https://github.com/jankovicsandras/imagetracerjs) describe the tracing options. Transparent pixels are placed over white. Removing the lightest colour layer is optional and can also remove light areas inside the artwork.

How to use it

  1. Choose a file in the input format shown.
  2. Adjust the available output controls.
  3. Create the result, check its preview and download it.

Privacy & limitations

Your file is processed on this device. No image, video or audio is uploaded.

Related tools

Frequently asked questions

Will my transparent PNG stay transparent?

Transparent source pixels are composited onto white during tracing. Try removing the lightest colour layer for a transparent vector background, then check that wanted white details have not disappeared.

Is this an SVG with an embedded PNG?

The image is traced into coloured paths. The result is an approximation you can edit in an SVG editor, rather than a PNG wrapped inside an SVG file.

What kind of PNG works best?

Start with a clean, high-contrast drawing or a flat illustration with a small palette. Gradients, soft shadows and tiny lettering can generate many paths or lose detail.

Free tool · runs in your browser · no account required