JPG to SVG Converter

Traces the shapes in your picture into real, editable vector paths — not a bitmap hidden inside an SVG file. Excellent on logos and line art, poor on photographs, and it tells you which yours is before you convert.

JPG to SVG tracer

Trace to SVG

Supports: JPGJPEGPNGWEBP
+2 more GIFBMP

Nothing is uploaded. This tool runs entirely in your browser, so the file never leaves your device. There is no server to send it to, no copy kept anywhere, and it keeps working if you lose your connection after the page has loaded.

Accepts .jpg .jpeg .png .webp .gif .bmp You get: An .svg file of real vector paths Free, no sign-up

Tracing, not wrapping

There are two things a converter can do when you hand it a JPG and ask for an SVG, and they are not versions of each other.

The easy one is to put the original bitmap inside an <svg> element. It always works, it never fails on any picture, and the file has the right extension — but it is still the same photograph, and it blurs when you zoom in exactly as it did before. It is not vector art, and most people asking for an SVG want vector art.

The other is to work out where the shapes actually are and write them as outlines. That is what this page does. The result contains no bitmap at all: it is a set of paths that stay sharp at any size, and every one of them can be selected, moved and recoloured in a vector editor.

How it works

The picture is first reduced to a small number of flat colours, choosing them from the image rather than from a fixed list — a two-colour logo keeps its exact two colours instead of being approximated. Each colour then gets its outline traced along the boundaries between pixels, so neighbouring shapes share an edge exactly rather than overlapping or leaving a hairline gap.

Those outlines come out as staircases, one step per pixel, so they are simplified: the steps are dropped and the corners kept. That is the difference between a four-kilobyte logo and a four-hundred kilobyte one that looks the same. Finally, the outer and inner outlines of each colour go into a single path with the even-odd fill rule, which is what makes the middle of an O a hole rather than a filled blob painted over the letter.

What it does well

Anything already made of flat colour with defined edges: logos, icons, line art, signatures, diagrams, charts, interface screenshots, scans of text or pen drawings. These trace cleanly, keep their shape, and frequently produce a file smaller than the image you started with.

What it does badly, and why

Photographs. Tracing rests on the assumption that a picture is made of flat regions, and a photograph is the opposite of that — a continuous gradient of millions of colours with no flat areas anywhere. Reducing it to a handful of colours invents hard edges that were never in the picture, and the result is a poster-effect approximation assembled from thousands of shapes in a very large file.

That is not a limitation of this particular tracer; it is what tracing is. So the page measures the picture before it converts anything — specifically, how much of it is made up of its own few commonest colours — and tells you when the answer says photograph. Flat artwork scores above ninety per cent on that measure and photographs score well under half, so the two are easy to tell apart. You can still trace it if you want to; you simply will not be surprised.

The settings, and what they cost

Colours is the number of flat colours the picture is reduced to before tracing. Too few and detail is lost; too many and JPEG noise starts being traced as if it were content. Start at the number of colours you can actually see in the image.

Detail is how closely the outlines follow the original pixels. Sharper keeps corners crisp at the cost of file size; smoother rounds them off and shrinks the file. Neither is correct in general, which is why you can see both.

Remove specks drops shapes of only a pixel or two. A JPG of a logo is not perfectly flat — compression turns each edge into a thin band of in-between shades, and every one of those becomes its own colour layer full of tiny islands. They are invisible and they are most of the file, so this is on by default.

Leave the background out finds the colour that dominates the edges of the picture and does not trace it, giving a transparent SVG. A logo that arrives on a white rectangle is the normal case, and that rectangle is not part of the logo.

Common mistakes

Tracing a photograph and expecting a clean vector result is the most common disappointment, and it is not a bug to fix — it is what tracing means when the source has no flat colour to begin with. The photograph warning exists to catch this before you spend time on settings that cannot fix it. A second common mistake is leaving "remove specks" off on a JPG that was compressed hard: the edge noise that despeckling exists to clean up turns into hundreds of extra tiny shapes, bloating both the shape count and the file size for detail nobody can actually see.

Changing a setting and downloading without tracing again is another trap the page guards against rather than one you can accidentally fall into: the preview and the download always reflect the last trace, and the status line says so plainly when a setting has changed since. If the download link looks stale, it is — press Trace again.

Edge cases

A picture that is one single flat colour produces zero shapes: there is nothing to trace an outline around, and turning on "leave the background out" in that case removes the only shape there is, leaving an empty SVG. The tool says this plainly rather than handing over a file that looks like it failed silently. A very small or very low-contrast image can also trace into almost nothing, for the same reason a photograph does — few genuinely flat regions to find edges between.

If what you actually need is any file with an .svg extension rather than real vector art — for a form that simply checks the file type — wrapping the bitmap would be a different, much simpler job than this page does, and is not what this converter offers on purpose. If your image is a WebP or HEIC rather than a JPG, convert it to JPG or PNG first with WebP to JPG or HEIC to JPG, then trace the result here. For putting a picture into a document instead of tracing it, see Image to Word.

Where your picture goes

Nowhere. Everything above happens in your browser, in JavaScript, on the file you chose. There is no upload endpoint on this page and no network request while it works. Load the page, disconnect from the internet, and it still traces — which is the simplest demonstration that nothing is leaving your device.

Frequently asked questions

Is this real vector art, or just a JPG inside an SVG file?

Real vector art. The picture is analysed, the outline of every region of colour is worked out, and those outlines are written as SVG paths. There is no bitmap anywhere in the file. You can open it in Illustrator, Inkscape, Affinity or Figma and select, move and recolour the individual shapes. The other approach — wrapping the original bitmap in an SVG container — produces a file with the right extension that still blurs when you zoom in, and this page does not do it.

Will it work on a photograph?

It will run, and you will probably not like the result. Tracing assumes a picture is made of flat areas with clear edges. A photograph is a continuous gradient of millions of colours, so tracing invents hard boundaries that were never there and returns a poster-effect approximation made of thousands of shapes in a very large file. The page checks before you convert and says so when the picture looks photographic.

What does it work well on?

Logos, icons, line art, signatures, diagrams, charts, screenshots of interfaces, black-and-white scans of text or drawings — anything already made of flat colour with defined edges. Those trace cleanly and often come out smaller than the original file.

What do the colours and detail settings do?

Colours is how many flat colours the picture is reduced to before tracing. A two-colour logo needs two; a flat illustration might want eight or twelve. Detail controls how closely the outlines follow the original pixels: sharper keeps corners crisp and makes a larger file, smoother rounds things off and makes a smaller one. Trace again after changing either — the preview always shows the settings you last traced with, not the ones currently on screen.

Why is there a "leave the background out" option?

A logo saved as a JPG arrives sitting on a white rectangle, and that rectangle is not part of the logo. Traced, it becomes the largest shape in the file with a hole in it for every letter, and it stops the result being usable on any background but white. The option finds the colour that dominates the edges of the picture and leaves it untraced, giving you a transparent SVG.

Why does the result have fewer shapes when "remove specks" is on?

A JPG of a logo is not perfectly flat. Compression turns the edge between two colours into a thin band of in-between shades, and each of those becomes its own colour layer scattered with one- and two-pixel islands. They are invisible at any normal size but they are most of the shapes and most of the file size. Removing them is usually the difference between a 4 KB file and a 40 KB one that looks identical.

Are my images uploaded anywhere?

No. The tracing runs in your browser, in JavaScript, on the picture you chose. This page has no upload endpoint and makes no network request while it works — load it, disconnect from the internet, and it still traces.

Why does the traced version not match the original exactly?

Because it cannot, and a converter claiming otherwise is not telling you the truth. Reducing to a small number of flat colours discards the shades in between; simplifying the outlines discards steps smaller than the tolerance. Both are what makes the result scalable, editable vector art rather than a picture. Compare the two panels and change the settings if the trade is not the one you want.

Which formats can I put in, and how large?

JPG, JPEG, PNG, WebP, GIF and BMP, up to 25 MB. The type is decided by reading the first bytes of the file rather than trusting its name. Very large pictures are traced at a reduced working size, because tracing detail finer than anyone can see only makes the file bigger — the SVG still carries the original dimensions, and an SVG has no resolution of its own anyway.

Can I edit the result afterwards?

Yes, and that is much of the point. Every colour becomes its own path, so you can recolour a logo, delete a shape, or pull one element out to use on its own. Shapes with holes in them — the middle of an O, the gap in an A — use the even-odd fill rule, which is what keeps the hole a hole in every editor.

About this converter

Tracing is an approximation by definition: reducing to flat colours discards the shades between them, and simplifying the outlines discards detail below the tolerance you chose. The result will not match the original pixel for pixel and is not meant to — that is what makes it scalable, editable vector art. Both versions are shown side by side at the same size so you can judge the trade yourself before downloading anything, and the settings are there because the right trade depends on the picture rather than on us.

JFIF to PNG

Turn .jfif images into lossless .png files.

Image Tools

WebP to JPG

Convert .webp images to .jpg without uploading them.

Image Tools

JFIF to JPG

Turn .jfif downloads into ordinary .jpg files, in your browser.

Image Tools

Image to Word

Put the picture in a .docx, or read its words out as editable text.

Document Tools

JPG to PPT

Images into a real PowerPoint deck, one picture per slide.

Document Tools

HEIC to JPG

iPhone HEIC photos into ordinary JPGs, without uploading them.

Image Tools

More in Image Tools All tools