Tools
Vectorise image (to SVG)
Vectorise an image (PNG or JPG to SVG)
Turn a PNG, JPG or WEBP image into an editable SVG vector graphic.
Drop an image here
or click to select, or paste — PNG, JPG, WebP, GIF
About this tool
Vectorising an image turns its pixels into shapes of colour that scale without losing sharpness. It is what you need when all you have is a small PNG logo and you want it on a banner, when you are cutting a design on a plotter or laser, when you want to edit an illustration in Illustrator or Inkscape, or when you want to give a photo a flat, poster-like look.
Drop the image, click to choose it or paste it with Ctrl+V; tracing starts automatically and the SVG appears in the preview. Try the presets (Light poster, Curvy, Sharp, Greyscale, Fixed palette and more) or set Colours (2 to 64), Paths, Curves, Threshold, Stroke width and Scale yourself; Advanced adds a blur pre-pass, colour sampling and coordinate rounding. Press Retrace to apply your changes, then Download, Copy or Optimise.
The image is processed in your browser with the imagetracerjs library, which is loaded from this same site; your file is not uploaded to any server. It accepts PNG, JPG, WebP and GIF (first frame only). It works best on logos, icons and flat-colour illustrations; photos produce very heavy files. Very large images can take a while, so scale them down first if needed.
How do you convert a PNG or JPG into an SVG?
- Drag the image onto the “Drop an image here” box, click to choose it or paste it with Ctrl+V. It accepts PNG, JPG, WebP and GIF.
- Tracing starts automatically with the “Balanced” preset. You will see “Tracing image…” and then the SVG in the preview, along with the size of the original file and of the SVG.
- If you are not happy with the result, pick another “Preset”: the poster ones reduce colours, “Curvy” and “Sharp” change the type of outline, and “Greyscale” turns the image into 7 shades of grey.
- To fine-tune, change “Colours”, “Paths”, “Curves” or “Threshold” (the preset switches to “Custom”) and press “Retrace” to see the change.
- Press “Download” to save the SVG, named after your file and ending in “-traced.svg”; “Copy” copies the SVG code and “Optimise” opens it in this site’s SVG optimiser to slim it down.
Which images give the best results when vectorising?
Vectorising groups the pixels into areas of colour and draws the outline of each one. The clearer those areas are, the better it works: logos, icons, stamps, lettering, line drawings and flat-colour illustrations, with good contrast and no gradients.
Start from the largest, cleanest image you have. A tiny logo or a heavily compressed JPG has blurry edges and specks that turn into stray shapes; to clean them up, raise “Threshold” or try the “Smoothed” preset, which blurs the image before tracing it.
With photos the result is a posterised version, not a copy: lots of small shapes and a heavy file. The poster and artistic presets are there for that effect.
What does each tracing setting do?
“Colours” sets how many colours the SVG will have, from 2 to 64; for a logo, use as many as it has inks, counting the background. “Quantise” is the number of passes the colour grouping makes: more passes give more faithful colours but take longer.
“Paths” and “Curves” control how much the outlines are smoothed: higher values give simpler shapes with less detail. “Threshold” removes paths with fewer nodes than its value, which helps get rid of specks.
Under “Output”, “Stroke width” adds an outline to each shape (0 means no stroke) and “Scale” multiplies the SVG size relative to the original image. “Advanced” includes, among others, “Blur radius”, “Colour sampling”, “Coordinate rounding” (fewer decimals, smaller file) and “Layering mode”.
Frequently asked questions
How do I convert a PNG logo to SVG?
Load it here, lower Colours to the number of inks in the logo (for example 2 or 3) and raise Threshold slightly to remove specks. Then download the SVG and press Optimise if you want a lighter file.
Why is the SVG bigger than the original image?
Because every patch of colour becomes a path with many points. Reduce the number of colours, raise Threshold, lower Coordinate rounding or use Optimise to slim it down.
Can I vectorise a photo?
You can, but the result will be a posterised version, closer to a poster or screen print than a faithful copy. The poster and artistic presets are designed for exactly that effect.
Is the resulting SVG editable?
Yes. Each colour area is a separate path you can select, recolour or delete in Inkscape, Illustrator, Figma or any vector editor.