JPG to SVG Converter

Add your JPG pictures to the box above, pick colours or black and white, and press Convert to SVG. Each picture is traced into real vector paths in a moment, with a before and after preview, ready to download as an SVG file or copy as SVG code.

The tracing runs in your own browser, so your pictures are not uploaded anywhere. PNG, WebP, GIF and BMP pictures work too, up to 50 at a time.

This jpg to svg converter free of charge has no sign-up, no watermark, no credits and no daily limit. Trace one picture or fifty, as often as you like, and every SVG you download is yours to use.

It is free because the work is done by your own device rather than by a paid server. There is nothing to install either: the page itself is the tool, on Windows, Mac, Linux, Chromebook, iPhone and Android.

Most tools that promise jpg to svg online free conversion send your picture to a server and make you wait in a queue. Here the tracing happens inside a background worker in your browser, so the picture never leaves your device and the result appears in seconds.

Because nothing is uploaded, large scans and private drawings stay private, and the tool keeps working on a slow connection once the page has loaded.

To convert a jpg to svg with color, keep Colours on Colour and choose how many colours the SVG may use: 2, 4, 8, 16, 32 or 64. The picture is reduced to that many flat colours, and each colour becomes one shape in the SVG.

Fewer colours give a cleaner, smaller file that is easier to cut or edit. A two-colour logo needs only 2 or 4; a cartoon or sticker usually looks right with 8 or 16; 32 or 64 keep soft shading in illustrations but make many more shapes. Start with 16, look at the preview and go down until the picture still reads well.

The colours are picked from the picture itself, so a red logo stays the same red. Similar shades are merged, which is why a JPG with soft edges and slight colour noise still ends up with a tidy set of flat colours. After tracing, the swatches under the result show exactly which colours were kept.

For jpg to svg black and white, choose Black & white. Every pixel lighter than the threshold becomes white and every darker pixel becomes black, so the SVG has just one black shape. That is ideal for stencils, vinyl decals, stamps, signatures, tattoo flash and one-colour cut files.

Move the Threshold slider to the left to keep only the darkest lines, or to the right to fill in more of the picture. Tick Invert to get light shapes on a dark background, for example to cut a white design out of black vinyl.

Black and white tracing ignores colour completely and looks only at brightness, so a dark blue logo on a light grey background still separates cleanly. If parts of the design are mid-tone, such as a red heart next to black text, try a few threshold positions and watch the preview: the right setting keeps both.

A photo to svg outline works best in two steps. First choose Black & white and slide the threshold until the face, pet or object reads as a clear silhouette, with Noise cleanup on Light or Strong. Then set Shapes to Outlines only, and every shape is drawn as a thin line instead of a filled area.

Outlines only is made for laser cutters, plotters, pen drawing and engraving, where the machine follows lines rather than filling areas. If you want a pencil-style picture to print rather than a cut path, try Photo to Sketch first and trace that result.

Photos with a plain, bright background give the cleanest outlines, because the subject separates easily from what is behind it. For a busy scene, cut the subject out with Remove Background first, then trace it: the outline then follows only the person, pet or object, not the furniture behind it.

The threshold decides how bright a pixel must be to become white. At the middle of the slider, everything darker than mid-grey turns black. Moving it left makes fewer pixels black, so only the darkest areas such as hair, pupils and deep shadows survive. Moving it right makes more pixels black, filling in skin tones, clothing and soft shadows.

For portraits, start in the middle and slide left until the face is mostly white with the eyes, eyebrows, nose shadow and mouth clearly drawn. For pets, a slightly darker setting usually keeps the fur texture around the outline. For objects on a white table, slide right until the whole object is solid black and the background stays white.

Lighting matters more than any setting. A photo with strong side light gives clear shadows that trace into a recognisable outline; a flat, evenly lit photo gives little to work with. If the subject and background are similar in brightness, remove the background first, so the outline only follows the subject.

Handwritten signatures, hand lettering and calligraphy trace very cleanly, because they are dark ink on light paper. Write on plain white paper with a black pen, scan or photograph it in good light, and trace it with Black & white, Smooth curves and Fine detail so thin strokes and tapered ends are kept.

The result is a sharp signature that can be placed on letterheads, certificates, wedding stationery or a cut file for engraving a gift. Move the threshold slightly right if the thinnest strokes break up, and set Noise cleanup to Light if the paper texture shows as dots. Choose Remove (transparent) so the signature sits on any background.

Turning a jpg logo to svg is the job tracing does best. Logos have flat colours and clear edges, so 2, 4 or 8 colours with Sharp corners give crisp shapes that scale to any size, from a favicon to a banner, without blur.

Use the largest, cleanest copy of the logo you have, set Noise cleanup to Light so JPG blocks around the letters disappear, and choose Remove (transparent) if the logo sits on a white or plain background. Then click any stray colour swatch to leave it out of the SVG.

Many small businesses, clubs and schools only have their logo as a small JPG from an old website, an email footer or a scanned letterhead. Tracing gives them a vector version that prints sharply on banners, shirts and signs, and that a designer can refine further.

Trace the biggest copy you can find with a low colour count and Sharp corners, then compare the result carefully with the original. Letters are traced as shapes, so if a word looks uneven, it is often quicker to retype it in the original font in your design software and keep only the traced symbol. Rubber stamps and seals work the same way in Black & white.

For jpg to svg high quality results, start from the largest, sharpest picture you have. Choose Fine detail to keep thin lines and small text, set Noise cleanup to Light to stop JPG compression blocks turning into tiny shapes, and use only as many colours as the picture really needs.

Small pictures are enlarged before tracing, so curves come out smoother than the pixels suggest. If the original is tiny or blurry, enlarge it with Upscale Image first, then trace the bigger copy. Compare the result in the before and after view, zoom in on edges, and change one setting at a time.

Quality in a traced SVG means clean edges, the right colours and no stray specks, not the largest possible file. A logo traced with 4 well-chosen colours often looks sharper and is easier to edit than the same logo traced with 64, because every extra colour adds faint in-between shapes along the edges.

JPG saves space by storing pictures in small 8 × 8 blocks and blurring colours slightly. On a photo that is invisible, but a tracer sees every block edge and every speck of grain and tries to turn each one into a shape. The result is a ragged outline and a heavy file.

Noise cleanup smooths those blocks and the grain before tracing while keeping edges sharp. Light suits most logos and scans; Strong suits low-quality JPGs, screenshots of screenshots and phone photos of paper. PNG pictures rarely need it, which is why PNG to SVG starts with it off.

Every time a JPG is saved, it is compressed again, and the damage builds up. Pictures copied from social media, messaging apps and screenshots of screenshots often show blocky squares around letters, a faint halo of dots around edges, and colour bleeding into neighbouring areas. A tracer turns each of those into tiny extra shapes.

Three settings deal with them. Noise cleanup on Light or Strong smooths the blocks and grain before tracing. A lower colour count stops slightly different shades of the same colour becoming separate layers. Simple or Balanced detail drops the specks that remain. After tracing, click the swatch of any odd in-between colour, such as a pale edge around dark text, to leave it out.

If the result still looks rough, the original may simply be too small or too damaged. Look for a bigger or older copy of the picture, ask whoever made it for the original file, or enlarge it with Upscale Image and trace again.

A little preparation makes tracing much easier. Crop the picture so only the design is left, without table edges, shadows or empty margins. Straighten scans and phone photos of paper so lines run level, and make sure the design is in focus.

Strong contrast traces cleanly: dark lines on a white background, or a logo with clear, separate colours. If a drawing is faint, darken it in any photo editor before tracing, or use Black & white and move the threshold. If the picture is very small, enlarge it first so the tracer has more pixels to follow.

Pencil and ink drawings, hand lettering and doodles can be scanned or photographed and turned into clean vector lines. Choose Black & white, set Noise cleanup to Light or Strong to remove paper texture, and move the threshold until the lines are solid but the paper stays white.

Choose Smooth curves for hand drawing and script lettering, and Fine detail if the lines are thin. The result can be recoloured, resized for a print or turned into a cut file, while the original drawing stays untouched on paper.

To use jpg to svg for cricut projects, trace the picture with 2 to 8 colours or Black & white, choose Remove (transparent) for the background and download the SVG. In Cricut Design Space choose Upload, then Upload Image, select the SVG and add it to the canvas.

Each colour arrives as its own layer, so you can cut each colour from a different sheet of vinyl or cardstock. Use Simple detail and fewer colours for small cuts: tiny specks are hard to weed. If a layer is not needed, click its swatch before downloading, or hide it in the Layers panel.

Design Space shows the SVG at the size written in the file, so you may need to resize it on the canvas; because it is a vector, it stays sharp at any size. For print then cut, keep more colours and Fine detail; for layered vinyl, fewer colours and Simple detail make weeding much easier.

When the SVG opens in Cricut Design Space, it arrives as a group with one layer per colour. Ungroup it to move or resize colours separately, or keep it grouped so everything scales together. Hide a layer with its eye icon if you do not want to cut it.

Before cutting, select all layers that belong together and use Attach, so they keep their positions relative to each other on the mat. Use Weld only when you want overlapping pieces of the same colour to become one shape, and check the result, because welded shapes cannot be separated again later.

Weeding is the job of picking away the vinyl you do not need, and tiny pieces make it slow. Trace with Simple detail and a lower colour count so small specks never become shapes, and use Remove (transparent) so there is no background rectangle to cut. For layered vinyl, slightly overlapping colours are easier to align than shapes that only touch, which is what Close hairline gaps between colours gives you.

For jpg to svg for silhouette cutting machines, trace as you would for any cut file: few colours or Black & white, background removed, Simple or Balanced detail. Silhouette Studio opens SVG files only in Designer Edition or higher; the free basic edition cannot import them.

In Designer Edition use File, then Open or Import, and the SVG appears with one shape per colour. Select a shape and use the Send panel to choose cut settings. For pen or sketch pens, Outlines only gives single lines to follow.

Silhouette Studio has its own Trace panel, available in every edition, including the free basic one. You open a JPG, draw a box around it and the software finds the edges, much like Black & white mode here. It works well for simple, high-contrast pictures, but it does not separate a picture into several colour layers, and every trace has to be tuned inside the software.

Importing a ready-made SVG is different: the shapes are already finished, with one path per colour, the background left out and the edges cleaned up before the file ever reaches Silhouette Studio. That is why many crafters trace here and import the result, especially for multi-colour designs. The catch is that opening SVG files needs Designer Edition or higher.

If you only have the basic edition, you can still use this page: choose Black & white, trace, download the SVG and then convert it with SVG to PNG. Open the PNG in Silhouette Studio and use its Trace panel; because the picture is now clean, sharp black on white, the built-in trace finds the edges almost perfectly.

To use jpg to svg for inkscape, open the downloaded file with File, then Open, or add it to a drawing with File, then Import. Each colour is one path with an id such as color-1 or color-2, listed in the Layers and Objects panel. If the paths are grouped, Object, then Ungroup separates them.

Select a path to change its fill, delete a colour or use Path, then Break Apart to split one colour into separate shapes. Illustrator works the same way: open the SVG and each colour is its own path, ready to recolour or expand.

Inkscape also has its own Trace Bitmap command, but tracing here first gives you a clean file with one path per colour and the background already removed, which is often quicker to tidy up. You can still simplify paths further with Path, then Simplify if you want fewer nodes.

Traced paths sometimes need a little tidying, and Inkscape has all the tools for it. Path, then Simplify (Ctrl+L) reduces the number of nodes on a selected path, which smooths small wobbles and makes the file lighter. Apply it once or twice and stop as soon as the shape starts to lose its character.

Every colour in the SVG is one path that may contain many separate pieces. Path, then Break Apart (Shift+Ctrl+K) splits it into its pieces, so you can delete a single speck, move one letter or recolour one part. Path, then Combine (Ctrl+K) does the opposite and joins selected pieces back into one path, which keeps the Objects list short and makes cutting software treat them as one layer.

To merge overlapping shapes into one outline, use Path, then Union. To remove a shape from another, for example to punch a hole through a badge, select both and use Path, then Difference. Edit, then Select Same, then Fill Color selects every piece with the same colour at once, which is handy after Break Apart.

Every colour in the result is written as one SVG path with its own id: color-1, color-2 and so on. In outline mode the paths are named shape-1, shape-2. Design software treats each path as a layer, so you can recolour, move, hide or cut each colour on its own.

The colour swatches under the result show every colour that was found. Click a swatch to leave that colour out of the SVG, for example a background, a shadow or a stray edge colour, and click again to bring it back.

Because each colour is one path with a fill colour, changing colours after tracing is quick. In Inkscape or Illustrator select the path and pick a new fill; in Cricut Design Space select the layer and change its colour. Every piece of that colour changes at once.

You can also edit the SVG code itself. Open the Code view, copy the code into a text editor and change the fill value of a path, for example from a dark grey to pure black. This is handy for brand colours that must match an exact colour value.

JPG cannot store transparency, so a logo saved as JPG always has a white or coloured box around it. Choose Remove (transparent) under Background and the colour around the edges of the picture is left out, giving an SVG with a transparent background.

This works when the background is one plain colour. For a busy photo background, use Remove Background on the JPG first, then trace the transparent result.

A stencil must hold together once it is cut. Any shape that is completely enclosed, such as the middle of an O, an A or a B, falls out and leaves a hole. Add small bridges across such islands in Inkscape or your cutting software, or choose a stencil-style font or drawing that already has them.

For laser cutting, Outlines only gives thin lines for the laser to follow, with one path per colour, so you can assign different power settings to different colours, for example cutting one colour and scoring another. For engraving, filled shapes in Black & white usually work better, because the laser fills the black area line by line.

Check the size before cutting: Set width and height writes the picture's pixel size into the SVG, which laser and cutting software may read as a physical size. Scale the design to the exact size you need in the software, and do a test cut on scrap material first.

Stickers and decals need bold, simple shapes. Trace the picture with 4 to 8 colours, Simple detail and Remove (transparent), so every colour is a clean area without tiny specks. Leave out any colour you do not want by clicking its swatch, for example a shadow or an outline that would be too thin to cut.

For print then cut stickers, more colours are fine, because the printer handles the detail and the cutter only follows the outer edge. For layered vinyl, every colour is a separate sheet, so keeping the count low saves material and time.

Heat transfer vinyl for T-shirts, tote bags and caps follows the same rules as other vinyl: few colours, simple shapes and no background. Remember to mirror the design in your cutting software before cutting iron-on vinyl, because it is cut from the back.

Print shops and print-on-demand services often prefer vector files for logos and text, because they print sharply at any size. Send the SVG, or turn it into a PDF with SVG to PDF if the shop asks for PDF. For mugs and other sublimation printing, a high-resolution PNG made with SVG to PNG is usually what the printer needs.

After tracing, the result appears next to the original in a before and after view, so you can check edges and colours at a glance. Switch to the SVG-only view to see the traced picture alone on a checkerboard, which shows any transparent areas, or to the Code view to read the SVG text itself.

Download SVG saves the file, and Copy SVG code puts the text on your clipboard, ready to paste into a web page, a code editor or design software that accepts pasted SVG. With several pictures, click a thumbnail to see its result, or use Download all (ZIP).

An SVG is text, so a simple traced logo is often just a few kilobytes and stays sharp on every screen, including high-resolution phones and large monitors. Untick Set width and height for a responsive SVG with only a viewBox: it then fills whatever box your page or theme gives it.

Keep colour counts low for website icons and logos; every extra colour adds another path and more text to download. To turn the SVG back into a regular picture for a platform that does not accept SVG, use SVG to PNG or SVG to JPG, and for a print-ready document use SVG to PDF.

The size of an SVG depends on how many shapes and curve points it contains, not on the picture's size in pixels. A simple logo may be a few kilobytes, while a detailed photo traced with 64 colours can reach several megabytes and open slowly in design software and cutting machines.

To keep files small, use the fewest colours that still look right, choose Simple or Balanced detail, turn on Noise cleanup, and leave out unneeded colours. In Inkscape, Path, then Simplify reduces curve points further.

Before cutting or printing, open the SVG in the program you will use and zoom in on edges and small details. Look for stray specks, tiny gaps between colours and shapes that are too thin to cut. Count the layers: if there are more than you expected, a shadow or edge colour may have its own layer that you can delete.

Check the size and units, and resize the design to the exact width you need. Do a test cut or test print on scrap material, especially for small text and fine lines. It takes a minute and saves a sheet of vinyl or a piece of wood.

Many recent word processors, presentation programs and website builders accept SVG pictures directly. A traced logo or icon inserted as SVG stays sharp when you resize it on a slide, in a document or on a printed handout, unlike an enlarged JPG that turns blurry.

If a program does not accept SVG, keep the SVG as your master copy and make a large PNG from it with SVG to PNG, or a JPG with SVG to JPG. Because the source is a vector, you can make a new copy at any size later without losing sharpness.

Tracing turns a picture into flat areas of colour. A photo therefore becomes a poster-like picture with flat colours, or a black and white outline or stencil, not a photo-real vector. No tracer can turn a photo into an SVG that looks exactly like the photo.

It works best for logos, drawings, text, clip art and scanned sketches. JPG artefacts need Noise cleanup, fonts become shapes rather than editable text, and very detailed pictures with many colours make big SVG files that are slow to open. When you need the picture to look exactly like the photo, keep it as a JPG or convert JPG to PNG instead.

Tracing also cannot recover detail that is not in the picture. A tiny, blurry JPG gives rough shapes whatever the settings, so the size and sharpness of the original matter more than any option. When a result is close but not perfect, a few minutes of tidying in Inkscape or Illustrator usually finishes the job.

Add up to 50 pictures at once, each up to 50 MB. They are all traced with the same settings, and Download all (ZIP) saves every SVG in one file, with the original names kept.

With three pictures or fewer, changing a tracing setting re-traces them automatically, so you can try colour counts and detail levels and see the result straight away. With more, press Convert to SVG again after a change.

Your pictures are not uploaded. Reading, tracing, building the SVG and zipping all happen in your browser, on your own device. Nothing is stored on a server, so there is nothing for anyone to see or delete afterwards.

If your browser blocks reading picture pixels as a privacy setting, the page tells you, because tracing needs that access. Allow it for this site or use another browser.

Each picture is opened by your browser and drawn onto an invisible canvas. Small pictures are enlarged so curves come out smooth, and Noise cleanup, if chosen, smooths JPG blocks and grain. The pixels are then reduced to the chosen colours, or to black and white at your threshold.

A tracing engine, imagetracerjs, runs in a Web Worker and follows the edge of every area of colour, turning it into lines and curves. Tiny specks are dropped according to the detail level, and each colour's shapes are joined into one path. The SVG is then written with a viewBox, plus a width and height if Set width and height is ticked.

Start from the largest, sharpest version of the picture you have.

Use as few colours as the picture really needs.

Turn on Noise cleanup for any JPG that was saved at low quality.

Use Simple detail for cut files and Fine detail for drawings with thin lines.

Click stray colour swatches to leave them out before downloading.

Crop away empty margins and shadows before tracing.

Remove the background for logos and cut files, so the SVG has nothing to weed around.

Change one setting at a time and compare the before and after view.