Trace a logo or flat artwork into SVG shapes. Pick a preset, preview it, download. Runs on your device.
This page converts a PNG, JPEG or WebP into an SVG by tracing: it groups the pixels into a small set of flat colours and draws a filled shape around each area of the same colour. A PNG is a grid of coloured pixels. An SVG is a list of shapes, so it stays sharp at any size. The result is an approximation of the picture, not a recovery of the original drawing. Text becomes outlines, not editable letters, and soft gradients become bands of flat colour. Tracing suits logos, icons, signatures, line art and flat illustrations. It does not suit photographs: a photo has thousands of slightly different colours, so the SVG fills with tiny shapes and can be many times larger than the image you started with. Clear (transparent) areas of a PNG are left empty in the SVG.
Logo traces in 8 colours and drops specks whose outline has fewer than 8 edge steps (about one step per pixel of outline). Detailed uses 32 colours and drops specks under 2 steps, so it keeps more and makes a larger file. Black and white turns every pixel into black or white first: a pixel is black when its brightness, worked out as 0.299 red + 0.587 green + 0.114 blue, is below the threshold, which starts at 128. A pixel of 100, 100, 100 has brightness 100 and becomes black. A pixel of 200, 200, 200 becomes white. Pixels that are mostly transparent count as white. With Transparent background on, the white shapes are left out and only the black ones are drawn. Custom lets you set 2 to 64 colours, the speck size from 0 to 100 steps, a straight-line and a curve tolerance from 0.01 to 10 (lower follows the outline more closely and makes more points), and a blur from 0 to 5. The same image and settings always give the same SVG.
Tracing a big picture takes memory and time, so the page traces at no more than 1,000,000 pixels. A 3000 by 2000 image (6,000,000 pixels) is drawn at 1224 by 816, traced there, and the SVG is then given the width and height of your original. Because shapes are scaled up from the smaller copy, very fine detail can be lost. Crop or resize the image first if a small area matters most. The page tells you when it scaled the picture down, before you convert and again on the result. The tracing runs in a background worker. Cancel stops it, and a trace that has not finished after 90 seconds is stopped with a message.
A PNG of a flat logo compresses very well, because large areas of one colour cost almost nothing. An SVG stores the outline of every shape as a list of points, so a shape with a rough edge can cost more than the pixels it replaced. The result shows both sizes, and a warning appears when the SVG is the larger of the two. To shrink it, use fewer colours, raise the speck size, or add a little blur to smooth jagged edges. If the SVG would come out at about 25 million characters or more, the page refuses to save it and suggests the same changes. This tool does not detect text or fonts, does not clean up the paths by hand and does not make a layered file for an editor.
Nothing is uploaded. The image is drawn on a canvas in this tab, its pixels are handed to a background worker in the same tab, and the SVG is built there. The preview is the SVG file itself shown as a picture, so what you see is what you download. The page counts visits with Google Analytics, using rough groups such as file size ranges, never a file name or an image. Your choice of preset and the numbers you set are saved on this device so the page opens the way you left it; the image is not.
Add the PNG, pick Logo for a logo or icon, press Convert to SVG and download the file. The page traces the picture into 8 flat colours and gives the SVG the size of your PNG, for example 512 by 512. If edges look rough or shapes are missing, try Detailed or Custom and convert again.
Each coloured area becomes a shape stored as a list of points, and a rough or noisy edge needs many points. A flat logo compresses very well as a PNG, so a traced SVG of it can still be the larger file. Use fewer colours, a higher speck size such as 20, or a little blur. The result line shows both sizes so you can compare.
You can, but the SVG is usually far larger than the JPG and looks like a poster, not a photo. A photo has thousands of colours, and Detailed traces 32 of them into thousands of paths. For a photo you want to keep, use a JPG, PNG or WebP. Tracing is for logos, icons and flat art.
A PNG with clear areas keeps them clear: nothing is drawn there. For a logo on a white background, choose Black and white and keep Transparent background on, so the white shapes are left out. For a coloured logo on white, remove the background in an editor first, then trace the PNG.
Count the flat colours in the picture and add one or two for the anti-aliased edges. A two-colour logo works at 4, a five-colour logo at 8, which is what the Logo preset uses. The Custom range is 2 to 64. More colours add more shapes, so the file grows with every colour you add.
No. The image is processed in your browser and not uploaded. The tracing runs in a background worker in this tab, and the SVG is made there. Only your preset and numbers are saved on this device, never the image.