Image to SVG
Turn a PNG, JPG or WebP into a vector SVG that scales without losing quality and can be edited in Figma or Illustrator. Logos, icons and drawings come out best. The image is processed in your browser and is never sent anywhere.
This browser does not support WebAssembly, so vectorization will not start. Open the page in an up-to-date Chrome, Safari, Firefox or Edge.
Drop an image here
or paste it from the clipboard (Ctrl+V)
PNG, JPG, WebP, GIF, BMP up to 40 MB
The file came out heavy - that happens with photos. To lighten it, raise Remove specks, lower Color precision or choose a smaller processing size.
Colors in the SVG - click to copy
A vector from your image in a minute
- 1Upload an imagea logo, icon, drawing or photo
- 2Choose a typeand tweak the colors and outlines if you like
- 3Download the SVGor copy the code for your website
What you get
An SVG describes the image with formulas of lines and fills, so you can stretch it to billboard size without pixels and change any color in an editor. Logos, icons, lettering and flat drawings with clear colors come out almost one to one and are easy to edit further in Figma, Illustrator or Inkscape. A photo turns into hundreds or thousands of colored patches: a nice poster effect, but not an exact copy, and the file gets heavy.
How to choose the settings
Start with the image type - it sets everything else. Remove specks drops patches smaller than the given size: raise it if the SVG has lots of JPG compression debris. Color precision and Layer step decide how many shades remain: lower means simpler and a lighter file. Smooth curves suit drawings and letters, polygons suit pixel art and strict geometric shapes. The comparison slider on the image shows the original and the result side by side, and the Outlines view shows the lines themselves.
A logo without background
Turn on Remove background: the tool takes the color at the edges of the image and removes it where it is connected to the edge. A color inside the drawing that matches the background stays. For a one-color logo the black-and-white mode is handy: the threshold is picked automatically, and you can switch the fill color to your brand color right away.
Try also
Also free, no sign-up
FAQ
Didn't find an answer? Message us and we'll help.
No. Vectorization runs right in the browser on your device; the image and the result go nowhere. So you can safely process client logos and work mockups.
A vector format stores fills with outlines, not pixels. Describing a photo takes thousands of small patches, so the result looks like a poster. For photos, choose the Photo type and play with Color precision; for an exact copy of a photo, keep JPG or WebP.
Raise Remove specks, lower Color precision, increase Layer step and choose a smaller processing size. Removing the background and lowering Decimal places to 1 also helps.
With stacking, color layers lie on top of each other like paper in a collage: the file is simpler and there are no gaps between colors. With cutout, each shape is cut out of its neighbors and does not overlap - handy if you plan to recolor later or cut on a plotter.
Vectorization does not change the rights to the image itself: if the logo or drawing is yours, the SVG is yours too. If the image belongs to someone else, you need its author's permission, just as for the original.
Yes, most often with the black-and-white mode or Cutout layers: every shape gets its own closed outline. Before cutting, check the file in the plotter software and simplify small details with Remove specks if needed.
On the open-source VTracer library (visioncortex) compiled to WebAssembly. It builds outlines from color clusters and smooths them with curves; we added background removal, a black-and-white mode with an automatic threshold, comparison and export.