Image to SVG in the browser, with no upload and real point editing

Clean logo5 shapes, 282 points, 2 colours.

Image to SVG, for logos and lettering.

Real editable paths, grouped per colour. Photographs are the one thing it is not for.

See what it does to a real picture

Convert an image to SVG, without uploading it

GetSVG turns a PNG, JPG or WebP into a real vector file: smooth Bézier paths, one group per colour, ready to edit in Illustrator, Figma or Inkscape. It runs entirely in your browser: the picture is never sent to a server, which also means there is no queue, no account and no file limit.

It is built for logos, lettering, signatures, sketches, icons and flat illustrations. For each of those it has a preset, and it picks the preset for you from the pixels.

People describe this job two ways, so there is a page for each. If you think in file formats: SVG converter, image to SVG, picture to SVG, PNG to SVG, JPG to SVG, WebP to SVG. If you think in outcomes: vectorize an image, image to vector, PNG to vector, logo to vector. Or read how it works.

Already vector? A PDF or an Illustrator file is read rather than traced: the paths in the file come straight across, because tracing a picture of a drawing that is already made of paths can only lose something.

Drawn artwork gets its own answer: a centerline trace follows the middle of each pen stroke rather than looping around it, so a signature or a sketch draws once on a plotter and engraves once on a laser. No other free tracer in the browser does it.

If you already have an SVG, four more tools here work on it and upload nothing either: fix its shapes, make it smaller with a rendered before-and-after check, learn its path data, or turn artwork into a favicon.ico holding 16, 32 and 48 px images, change its colours, or crop it, which moves the window rather than deleting anything.

Real results

Three pictures, traced with the preset it chose

No hand-tuning. These are the sample files on the tool above, and the numbers are measured from the SVGs it produced.

Brush51 shapes, 892 points, 2 colours.

Sketch7 shapes, 263 points, 1 colour.

How it works

image to SVG, in five steps

- 01Drop a picturePNG, JPG or WebP, or an SVG you already have. Your browser reads the file; it is not uploaded.

- 02A preset is chosenColour count, edge softness and background decide between the six presets. You can override it.

- 03The tracer runsOne mask per colour, fitted with Bézier curves in a Web Worker, so the page stays responsive.

- 04Fix it by handTurn on Paths to see the anchor points, then move, add or delete them, bend a curve, or delete a shape.

- 05DownloadSVG grouped per colour, PNG at 1×, 2× or 4×, or copy the SVG code to the clipboard.

The output

What lands in your downloads folder

Editable paths, not an embedded bitmap

The file contains only <path> elements with cubic Bézier curves. Open it in a text editor and every coordinate is there to read.

</g>

</g>One group per colour

Each colour is a <g>, so one click selects a whole colour in Illustrator, Figma or Inkscape: recolour or delete a layer in a single move.

A tight view box

Empty space around the artwork is trimmed automatically, with a small safety margin, so the file drops into a layout without cropping it first.

Transparent background on request

The dominant border colour is detected and removed, so the mark sits on any background instead of carrying a white box around with it.

Real gradients when you want them

In Full colour mode, Smooth fits a linear gradient across a faded region and writes a genuine <linearGradient> rather than twenty stepped bands.

Your picture

It never leaves this browser tab

The tracer is WebAssembly running in a Web Worker on your own machine. There is no upload step, no server-side processing and nothing to delete afterwards, because there was never a copy to delete.

- Client work and unreleased brands are safe to trace here.

- No account, no watermark and no file-size limit: there is no server to meter.

- Your image is sent only if you tick the box to report a poor result, and only then.

Do not take our word for it

- Load this page, then switch your browser to offline in the network tab.

- Convert a picture. It still works.

- Or watch the network panel while converting: no request carries your file.

The site does use analytics to count page visits, as most sites do. That measures pages, never images.

Reference

GetSVG in facts

The short answers, in one place.

- What it does

- Converts a raster image (PNG, JPG or WebP) into an SVG made of real, editable vector paths. A file that is already vector, an SVG, a PDF or an Illustrator .ai, is read rather than traced: its own paths come straight across.

- Input formats

- PNG, JPG/JPEG, WebP, SVG, PDF and AI. Drag a file anywhere on the page, paste it from the clipboard, or paste SVG code as text.

- Opening a PDF or an .ai file

- The page is parsed, not rendered and traced: the paths in the file are the paths you get. Text, images and clipping paths have no equivalent as filled paths and are counted and named on screen instead. Only the first page is read. An .ai file works when it was saved with PDF compatibility, which Illustrator has done by default since 2000; without it the file holds only Illustrator's private format and nothing can honestly read it. The parser is downloaded only when a PDF is opened.

- Opening an SVG

- Filled shapes are read as they are, with no tracing, and strokes are converted into the filled outlines they look like, the same operation as Stroke to Path. Text, embedded pictures, patterns, clips, filters and dash patterns have no equivalent as filled paths: each is counted and named on screen rather than dropped silently, and gradients are flattened to their average colour. Nothing the file references is ever downloaded.

- Output

- SVG with one <g> group per colour and one <path> per shape; PNG at 1×, 2× or 4×; a favicon.ico holding 16, 32 and 48 px images each rendered from the vector; DXF R12 for laser, CNC and vinyl cutting; a base64 data URI as a text file; copy SVG code to the clipboard.

- Export size

- The width the file declares can be set in pixels, millimetres or inches before you download it. The height follows from the view box, so the proportions cannot drift, and the shapes themselves are untouched: only the width and height attributes change. Cutting and engraving software sizes a job from those attributes.

- Where it runs

- Entirely in the browser (WebAssembly in a Web Worker). No image data is uploaded; there is no server-side processing.

- Price

- Free. No account, no sign-up, no watermark, no file limit imposed by us.

- Engine

- Potrace (via esm-potrace-wasm) for curve fitting, with GetSVG's own pre-processing: background detection, Otsu thresholding, median-cut colour quantisation, palette merging, gradient fitting.

- Presets

- Clean logo, Hairline, Single line, Brush, Sketch, Illustration, Artwork. The preset is picked automatically from the picture and can be changed.

- Single line (centerline)

- Traces one open line down the middle of each stroke instead of an outline around it, and measures the pen width from the ink. A signature or a sketch then draws once on a plotter and cuts once on a laser rather than twice. Any part of the picture too solid to be a stroke, such as a filled mark, is still traced as a shape in the same file.

- Colour modes

- Black & white (one ink), Ink + one colour (an accent such as a seal or dot), Full colour (up to 16 flat colours, optional real SVG gradients), Single line (open centrelines with a measured stroke width).

- Best input

- At least 500 px wide, sharp edges, plain background. Photographs and blurry screenshots trace poorly; logos, lettering, signatures, sketches and flat illustrations trace well.

- Your picture

- Converting uploads nothing: the tracing runs on your own device. Your image is sent only if you tick the box to report a poor result, and only then. You can verify that in the browser's network tab: switch it to offline after the page loads and converting still works.

- Analytics

- The site uses Google Analytics to measure how many people use it and which pages they arrive on, as most websites do, and it sets a cookie to tell a returning visit from a new one. It also records four things about the tool itself: that a conversion finished and which preset it used, that a file was edited by hand, which format it was exported in, and why an SVG could not be opened. It is not used for advertising, and nothing about your images is collected: no file names, no dimensions, no colours, nothing derived from the picture.

- Editing here

- Turn on Paths and click a shape to edit the traced geometry in the page: drag an anchor point or nudge it with the arrow keys, click the outline to add a point, press Delete to remove a point or the whole shape, and drag the round handles to bend a curve. Ctrl+Z undoes; changing a setting re-traces and clears hand edits.

- Editing elsewhere

- The result opens in Illustrator, Figma, Inkscape, Affinity Designer or any SVG editor; each colour is a selectable layer.

Questions

Things people ask

Is my image uploaded anywhere?

Not by converting. The whole conversion runs inside your browser using WebAssembly, so your picture stays on your machine. There is one deliberate exception you control: if a result comes out poorly, you can tick a box to send that picture and the SVG it produced so the fault can be reproduced and fixed. Nothing about your image is sent unless you tick it and press the button.

Is the output a real vector, or a PNG wrapped in an SVG?

A real vector. The SVG contains only <path> elements with Bézier curves, grouped one <g> per colour. Turn on the Paths overlay to see the outlines and anchor points, then click a shape and drag a point: if it moves, it is geometry, not a picture of one.

Which formats can I convert?

PNG, JPG/JPEG and WebP go in. SVG comes out, plus PNG at 1×, 2× or 4× and copy-to-clipboard for the SVG code.

Does it work for photographs?

Not well. Vectorizing fits smooth shapes to areas of flat colour, so photos turn into a posterised illustration with many shapes. It is built for logos, lettering, signatures, sketches, icons and flat illustrations.

How do I get a transparent background?

Switch on Transparent background in the Colours section. GetSVG detects the dominant colour around the border of the picture and removes it, so the SVG only contains the artwork.

Why does my result have hundreds of shapes?

Usually because the picture has soft shading or JPEG noise. Move the Detail slider towards Simpler, choose fewer colours in Full colour mode, or raise Remove specks in Fine-tune.

An edge that is straight in my logo came out slightly curved. Why?

Because the edge in the picture is not perfectly straight: it carries anti-aliasing and, in a JPEG, compression noise, and the best-fitting curve through those pixels is a very slightly bent one. Straighten edges in Fine-tune rewrites curves that are really lines, merges the stray points out of a long edge, and squares up edges that miss horizontal or vertical by a fraction of a degree. It is on by default for the logo and illustration presets; raise it if a stem or a baseline still looks bowed at high zoom, and turn it off for brush and pencil work, where the wobble is the drawing.

Can I fix the traced result without opening another program?

Yes. Turn on Paths and click a shape. Drag any anchor point, or nudge it with the arrow keys; click the outline to add a point where you need one; press Delete to remove the point you are on, or the whole shape when you are not on a point, which is how you clear a stray speck. Each point has two round handles for bending the curve either side of it, and holding Alt while you drag one turns a smooth point into a corner. Ctrl+Z undoes any of it. Changing a setting re-traces the picture and clears hand edits, so do the settings first and the touch-up last.

Is it free?

Yes. There is no account, no watermark and no file limit imposed by us; the only limit is your device's memory for very large pictures.

Which programs can open the SVG?

Adobe Illustrator, Figma, Inkscape, Affinity Designer, Sketch, CorelDRAW and every browser. Each colour arrives as its own group, so you can select, recolour or delete a whole layer at once.