PNG to SVG Converter (Vectorize an Image)
Convert PNG to SVG by tracing logos, icons and flat artwork into clean vector paths you can scale to any size and edit in Figma, Illustrator, Inkscape or Cricut Design Space. JPG and WebP images work too. Choose how many colours and how much detail to keep, preview the result, and download the SVG. Tracing happens in your browser; nothing is uploaded.
- Runs on your device
- Canvas · GPU
- Works offline
Updated
Drop your images here
How to convert PNG to SVG
Step 1: Drop your logo, icon or drawing on the box above. PNG, JPG and WebP are all fine.
Step 2: Set Colours to roughly the number of colours in the artwork (2 for a black logo, 4–8 for most logos).
Step 3: Choose Detail: Simple for logos, Detailed for illustrations with fine lines. Turn on Drop white background to leave white areas out.
Step 4: Press Vectorize, check the preview and download the SVG.
Good to know
Settings explained
- Colours
- Fewer colours give cleaner, smaller SVGs.
- Drop white background
- Leaves out near-white areas so the SVG is transparent.
Formats
Batch-friendly: add many files and they are processed one after another — if one fails, the rest still finish.
How it runs
- GPU canvas
- Pixels are drawn and composited with the GPU-accelerated canvas.
Raster vs vector: what changes when you vectorize an image
A PNG is a grid of pixels, so enlarging it makes edges blurry. An SVG describes shapes, so it stays sharp at any size and each shape can be recoloured or edited. Tracing converts the first into the second by finding areas of the same colour and drawing outlines around them, which works well on flat artwork and poorly on photos.
| Feature | PNG | Traced SVG |
|---|---|---|
| Made of | Pixels | Filled paths, one colour each |
| Enlarging | Gets blurry or blocky | Stays sharp at any size |
| Editing | Paint over pixels | Move, recolour or delete shapes |
| Gradients and photos | Stored exactly | Turned into flat bands (posterised) |
| File size of our test logo | 9.5 KB | 28.6 KB (144 paths, 6 colours) |
| Used by | Screens, documents, social media | Websites, print, vinyl and laser cutters, design tools |
What is a PNG file, and why trace it?
A PNG file is a raster image: a fixed grid of pixels stored without lossy compression, often with a transparent background. That makes it ideal for screenshots and web graphics at one size, and a dead end when a logo has to go on a banner, a T-shirt or a cutting mat. Tracing the PNG into SVG paths removes that size limit, as long as the artwork is made of flat colours.
Can you convert a PNG to SVG without losing quality?
For flat artwork, yes in practice: a clean logo traced with the right colour count looks the same as the original and then stays sharp at any size, which the PNG never could. What tracing cannot do is copy pixels exactly. Every colour area is redrawn as smooth curves, so tiny details, soft shadows and gradients are simplified.
The quality of the result depends mostly on the input. A large, sharp PNG with solid colours traces well; a small, blurry or heavily compressed JPG produces wobbly edges and stray specks. Start from the biggest version of the logo you have.
What the settings do
Four controls decide how the vector looks. Start with the defaults, then adjust one at a time and compare.
| Setting | Range | Effect | Tip |
|---|---|---|---|
| Colours | 2–64 (default 16) | How many colour groups the image is split into | Match the artwork; fewer colours give cleaner, smaller SVGs |
| Detail | Simple / Balanced / Detailed | Traces at up to 640, 1000 or 1600 px on the longest side | Simple for logos, Detailed for fine line art |
| Smoothing | 0–100% (default 50%) | Softens noise before tracing and rounds curves | Raise it for scanned or JPG artwork |
| Drop white background | On / Off | Leaves near-white areas out of the SVG | Turn on for logos on white paper or white JPG backgrounds |
How to convert PNG to SVG for Cricut and other cutters
Cutting machines follow paths, so the fewer and cleaner the shapes, the better the cut. Set Colours to the number of vinyl colours you plan to use (often 1–3, plus white if you need it), choose Simple detail and turn on Drop white background if the design sits on white. Every shape is saved as a separate path filled with one of your colours, so you can select, recolour or hide shapes individually in Cricut Design Space or any vector editor.
Check the preview for tiny specks before downloading; they become tiny, frustrating cuts. More smoothing and fewer colours remove most of them.
Why convert PNG to SVG?
- Scale without blur: print a logo on a banner or a business card from one file.
- Edit shapes and colours in Figma, Illustrator or Inkscape instead of repainting pixels.
- Cut or engrave: vinyl cutters, laser engravers and embroidery software work from vector paths.
- Lighter websites: a simple traced icon can be smaller than a large PNG and stays sharp on every screen.
Does it work for photos?
It will produce an SVG, but not a useful one. A photo has thousands of gradual colour changes; tracing turns them into flat bands like a poster and creates huge numbers of paths, so the file can become very large and slow to open. The tool warns when an SVG grows beyond 8 MB. For photos, keep a raster format and use the image resizer or AI image upscaler to get the size you need.
How the vectorizer works
This is a tracer, not an AI redraw. The image is reduced to the number of colours you choose, the edges of each colour area are followed, and the outlines are smoothed into curves. That runs entirely in your browser using imagetracerjs, an open-source tracing library, so logos and unreleased artwork never leave your device and you get the same result every time with the same settings.
Tips & troubleshooting
Logo only available as a small JPG? Upscale it with the AI image upscaler first; a larger, cleaner input traces with smoother edges.
Logo on a photo or busy background? Cut it out with the background remover, then trace the transparent PNG.
Need the SVG back as a PNG at a set size later? The SVG to PNG converter renders it at 1× to 8×.
Getting stray dots? Lower Colours, raise Smoothing and try Simple detail.
PNG to SVG (Vectorize) FAQ
How do I convert a PNG to SVG?
Drop the PNG on this page, set the number of colours and the detail level, and press Vectorize. The traced SVG previews on the page and downloads with the same name and an .svg ending.
Can you convert a PNG to SVG without losing quality?
For flat logos and icons, the traced SVG looks the same and then stays sharp at any size. Gradients, shadows and photos are simplified into flat colour areas, so they cannot be copied exactly.
How do I vectorize an image for free?
Use this page: it is free, has no watermark or sign-up, and traces in your browser. JPG and WebP images work as well as PNG.
How do I convert PNG to SVG for Cricut?
Use few colours (the number of vinyl colours), Simple detail and Drop white background for designs on white. Upload the SVG to Cricut Design Space, where every traced shape can be selected and recoloured on its own.
Can I convert JPG to SVG?
Yes. JPG artwork traces the same way; raise Smoothing a little, because JPG compression adds noise around edges that would otherwise become small specks.
Is this an AI vectorizer?
No. It is a colour-based tracer that runs on your device. It is fast and predictable on logos and flat art, but it does not redraw or invent detail the way an AI model would.
Is my logo uploaded?
No. Tracing runs inside your browser, so the image never leaves your device. That keeps client logos and unreleased designs private.