Free Image Vectorizer
Image Vectorizer converts PNG, JPG and WebP pictures into editable SVG vector graphics, with each color area traced as a separate path. Start from a preset such as Logo / clipart, Poster / illustration, Line art or Pixel art, then adjust up to 64 colors, speckle filtering and curve fitting. Download the SVG file or copy its code.
- Input:
- PNG, JPG and WebP
- Output:
- SVG file or SVG code
- Colors:
- Up to 64, stacked or cutout
- Price:
- Free
- Runs:
- Locally, in your browser
- Uploads:
- None: files never leave your device
- Account:
- Not needed
Quick answers
Is my image uploaded to a server?
No. The tracing engine runs inside your browser in a background thread, so the picture never leaves your device.
Which images give the best results?
Logos, icons, flat illustrations and clean line art. Photos can be traced too, but they need many color layers and produce big files with a painted look.
Processed on your device: your files are never uploaded. How it works
Network activity in this tab
What this page has requested since you opened the site in this tab. An upload is any request that sends data: POST, PUT, PATCH or a request with a body.
No uploads: nothing has been sent from this page.
No network requests yet.
To see every request, open your browser's developer tools (Network tab).
How to use the Image Vectorizer
- Drop a PNG, JPG or WebP image (logos and illustrations work best).
- Pick a preset such as Logo, Poster or Line art, then fine-tune colors, speckle filter and curve fitting.
- Compare the original and the SVG with the split view and zoom in on the edges.
- Download the SVG file or copy its code.
Credits & open source
Our own code plus open-source libraries. Thank you to the people who make these projects.
- vectortracer (VTracer)VTracer raster-to-vector engine compiled to WebAssembly. © Alan North (WebAssembly bindings); VTracer by the Vision Cortex Research Group · MIT
Web platform APIs used: Web Workers, Canvas 2D, createImageBitmap, Clipboard API, Pointer Events.
Full license texts: third-party notices · all credits
Frequently asked questions
What is the difference between stacked and cutout?
Stacked piles shapes on top of each other so there are never gaps between colors. Cutout makes shapes that don't overlap, which is what vinyl cutters and laser software usually expect.
Can I edit the SVG afterwards?
Yes. Every color area is a separate path, so you can open the file in Inkscape, Illustrator, Figma or any vector editor and change shapes and colors.