search⌘KtranslateENexpand_moreupload_fileConvert

Convert JPG to SVG Online Free

JPEG noise becomes hundreds of tiny shapes. Clean it first.

Turning a JPG into an SVG means tracing its colours into outlines. JPEG compression leaves faint blotches around every edge, and a tracer outlines each one. Zoom into the logo below and see how cleanup changes the vector.

logo-scan.jpg · zoomedJPEG blotches

The coloured flecks along every edge are compression artefacts. You don’t see them at normal size, but a tracer does.

traced SVG preview69 shapes

Every fleck became its own outline. The SVG is bigger, slower to render and awkward to edit.

trace settings · logo-scan.jpg

colours

23816

speck filteroffoffstrong

Smooth cornersFit curves instead of pixel steps.polylineTrace to SVG

shapes69points1,638svg size18.4 KBToo many colours or too little filtering: the tracer is outlining JPEG noise. Use 3 colours or raise the speck filter.

70 formats in and out, from JPG and HEIC to Photoshop, camera RAW and 1980s Unix bitmaps. JPG, PNG, WebP and AVIF use your browser's encoders, and GIF, BMP, ICO and TIFF are written by this page. The other 62 go through ImageMagick compiled to WebAssembly, which downloads once when you pick one and runs on your device. Every result is decoded again and compared with the original before you save it.

collections

Drop images or click to chooseany of 70 formats · several at once · nothing leaves your device

photo_libraryTry 3 samples

inboxno images yet

downloadSaveremove

Converted on this device · nothing uploaded

folder_zipswap_horizAdd images first

1Save as70 formats · 8 built in

language.webpWebsitesmall, every browser

photo_camera.jpgPhoto for anyoneopens on any device

layers.pngKeep transparencylossless logos, screens

compress.avifSmallest fileAV1 compression

print.tiffPrint & scanslossless master

brush.psdPhotoshopopen in PSD apps

searchAll 70 formats9 familiesexpand_more

No format matches “”.

.webpUsually the smallest lossy file browsers all open, and it keeps transparency.written by browser encoder

2Quality80Passed to the WEBP encoder as 0.80. Each browser maps it to its own quantiser, so 80 in Chrome and 80 in Safari differ slightly.

3Longest side

original2048 px1280 px640 px

4Fill transparency

whiteblacklight grey

Used where the output can’t hold transparency (JPG) and as the backdrop when accuracy is measured.

~/traced-or-wrapped

Not every .svg is a real vector.

Some converters just put the JPG inside an SVG file. It opens as SVG but still blurs when enlarged. A traced SVG is made of outlines and stays sharp at any size. Drag the zoom to see the difference.

zoom4×

Wrapped JPGblurs when enlarged<svg …> <image href="data:image/jpeg;base64,/9j/4AAQ…"/></svg>The original pixels inside an SVG wrapper. Fine for a website that insists on .svg, but it won’t scale, can’t be recoloured and won’t work in a cutting machine.

Traced vectorsharp at every size<svg …> <path fill="#2b2560" d="M58 12a46 46 0 1 1…"/> <circle fill="#0d9488" cx="64" cy="64" r="17"/></svg>Outlines described as maths. Scales to a billboard, colours can be edited, and laser cutters and embroidery software can follow the paths.

~/will-it-trace

Flat colours trace well. Photos don't.

Tracing works by finding areas of one colour. The fewer and bigger those areas, the cleaner and smaller the SVG.

approvalLogo or badge

suitabilityexcellent

shapes4-12svg vs jpg≈ 0.2×

A few flat colours with clear edges. The ideal case; often smaller than the JPG.

drawSignature or line drawing

suitabilityvery good

shapes1-30svg vs jpg≈ 0.3×

Use 2 colours. Scan at 300 dpi or more so thin strokes don’t break up.

imagesmodeIllustration

suitabilityfair

shapes200-800svg vs jpg≈ 1-3×

Gradients become stepped bands. Works for a stylised or poster look.

photo_cameraPhotograph

suitabilitypoor

shapes5,000+svg vs jpg≈ 10-40×

Thousands of shapes and a huge file that still looks like a posterised painting. Keep photos as JPG.

~/what-doesnt-survive

Outlines can't hold everything a photo can.

A trace simplifies. These are the details that change most, and what to do about each.

gradientGradients and soft shadingTraced as bands of flat colour. For smooth results, redraw gradients in a vector editor afterwards.

textureTexture and grainPaper texture and photo grain become thousands of specks. Raise the speck filter or remove texture before tracing.

text_fieldsSmall textLetters become outlines, not editable text, and letters under about 20 px tall lose their shapes. Retype text in the right font instead.

blur_onSoft shadows and glowsSemi-transparent edges become hard-edged rings of colour. Delete them and re-add the effect in the SVG.

paletteExact brand coloursJPEG shifts colours slightly. After tracing, set each shape to the official hex value.

~/other-routes

Before and after the trace.

Tools people use alongside this one.

drawPNG to SVGSame tracing, from a PNG. Cleaner edges mean fewer specks to filter.logo.pngarrow_forwardlogo.svg imageJPG to PNGKeep the pixels but add transparency or stop further JPEG loss.logo.jpgarrow_forwardlogo.png imageSVG to PNGGoing back: render the vector at any size for places that need pixels.logo.svgarrow_forwardlogo@4x.png

Sources

[1]Scalable Vector Graphics (SVG) 2Paths, shapes and embedded images.W3C ↗[2]Image tracingHow raster-to-vector conversion finds outlines.Wikipedia ↗[3]Compression artefactWhy JPEG leaves ringing and blocks around edges.Wikipedia ↗

Frequently Asked Questions

Is converting JPG to SVG free?

Yes, JPG to SVG conversion is completely free with no signup, no watermark, and no usage limit. Convert as many files as you need.

Are my files uploaded to a server?

No. The JPG to SVG converter runs in your browser when your file is supported there, so the file stays on your device for that workflow, reducing server exposure for that workflow. Confirm the processing mode before using sensitive content.

How long does JPG to SVG conversion take?

Most JPG to SVG conversions finish in under a minute. Expect a longer wait for a bigger file. It runs on your own device either way, with no account step in front of it.

Will the conversion reduce file quality?

It depends on the pair. Lossless gives you the same thing back, byte for byte. Lossy makes the file smaller and costs you something, though whether you can actually see or hear it is another question.

Does this work on mobile devices?

Yes. The JPG to SVG converter works on phones, tablets, and desktops in any modern browser including Chrome, Safari, Firefox, and Edge.