Image to SVG converter
Turn a logo, icon, signature or drawing into a real SVG of paths, in black and white or in colour. Traced on this device; the picture is never uploaded.
Open a picture to trace it. Logos and drawings with flat colours work best.
Trace as
Shapes
Palette
Tap a swatch to change its colour, merge a colour into another, or make one transparent (often the background).
Get the SVG
Open a picture first.
SVG code
Privacy: your picture is traced inside this browser and is never uploaded. The page sends an anonymous page-view count and two fixed event names (open, download), never a file name, a colour or a size.
How to convert an image to SVG
- Open the picture. Tap Choose an image, drop a PNG, JPG or WebP on the box, or copy an image and press Ctrl+V (⌘V on a Mac). The tool picks a preset: black and white for a one-colour mark, colour logo for flat colours, poster for anything busier.
- Check the preset. Black and white has a threshold and invert, for signatures, stamps, line art and single-colour cut files. Colour logo keeps 2 to 16 colours; Poster blurs noise slightly first and allows up to 32.
- Clean the shapes. Raise Remove specks until dust and JPEG noise vanish. Corners decides which bends stay sharp; Curve fit tolerance trades exactness for fewer nodes. Turn on Outline view and zoom in to see every path.
- Fix the palette. Change a colour, merge two shades that should be one, or make the background transparent so only the artwork is left.
- Save it. Download .svg, or Copy SVG code to paste into HTML, a design tool or a cutting program. The size and node count update as you change settings.
What it cannot do
- Photos become thousands of blobs, not a drawing. A face or a landscape traces into many small flat shapes and a large file; the page warns you when a picture looks like a photo.
- Small text can run together. Letters under about 20 pixels tall merge or lose their holes; trace a larger copy of the picture, or retype the text in a vector editor.
- Gradients become bands. Each colour is flat, so a smooth fade turns into steps; more colours make narrower steps and a bigger file.
- Stroke only follows the edge of each shape, not the centre of a pen line, so a single pen stroke becomes a thin outlined shape (two lines), not one line for a plotter.
- Large pictures are traced at 1,200 pixels on the long side; the SVG keeps the original width and height, but finer detail than that is not traced.
- It does not redraw or guess. Blurry or tiny sources give blurry-edged shapes; there is no AI clean-up, and nothing is saved after you close the tab.
What the numbers mean
A path is one shape with any holes it has, such as the letter O. A node is a point where one straight line or curve ends and the next begins; fewer nodes means a smaller file that cuts and edits more cleanly. As a reference, a 200 × 200 pixel black circle traces into 1 path of 4 curves, about 0.3 KB, where the same picture as a well-compressed PNG is about 0.7 KB and blurs when enlarged. A three-stripe flag is 3 paths of 4 straight lines each.
| Picture | Best preset | Typical result |
|---|---|---|
| Signature, stamp, line art | Black and white | 1 group, tens of paths |
| Flat logo, icon, sticker | Colour logo, 2 to 8 colours | One group per colour, a few KB |
| Cartoon or illustration with shading | Poster, 12 to 24 colours | Hundreds of paths, tens of KB |
| Photo | Poster, if at all | Thousands of paths, often bigger than the JPG |
Questions
How do I convert an image to SVG with colour?
Choose Colour logo. The tool finds 2 to 16 colours (it suggests a number from the picture) and writes one SVG group per colour, each a set of filled paths. Raise or lower the number until the preview matches, merge two colours that should be one, or make the background colour transparent. Poster goes up to 32 colours for illustrations with shading.
Is this image to SVG converter free?
Yes, with no account, no watermark and no file limit beyond your device's memory. The tracing runs in your browser, so the picture is never uploaded. Pictures larger than 1,200 pixels on the long side are traced at 1,200 pixels; the SVG keeps the original width and height.
How do I make an SVG for a cutting machine?
Use Black and white for a single-colour cut, or Colour logo with Layers set to Cut out so no colour sits on top of another. Raise Remove specks so tiny pieces that cannot be weeded disappear, keep the curve tolerance at 1 px or more for smooth blade paths, download the .svg and import it into your machine's design software. Stroke only gives outlines with no fill if your software asks for that.
How do I get the SVG code of an image?
Trace it, then press Copy SVG code, or open SVG code to read it. It is plain path data with a viewBox, so you can paste it straight into HTML or a component, change a fill to currentColor, or shrink it further with the SVG minifier. It never contains an embedded bitmap.
Is it a real vector or just the PNG inside an SVG?
A real vector. Many free converters wrap the bitmap in an <image> tag, which still blurs when enlarged. Here every shape is traced into <path> elements made of straight lines and cubic Bézier curves, so the result stays sharp at any size and each shape can be edited in a vector editor.