JPG to SVG converter

Drop a JPG or JPEG below to trace it into an SVG. Your first conversion needs no account. JPG compression adds extra colors to the trace; the examples below show how many, and how to merge them.

Drop your image here

Drop a JPG or JPEG here. Low-resolution files work; the wordmark below is 520 px wide.

PNG, JPG, WebP, AVIF, GIF or BMP, up to 20 MB

Browse files

Why a JPG comes back with extra colors

JPG saves space by throwing detail away, and the compression can leave faint in-between shades along edges. The converter traces those shades along with everything else. In the gallery, a wordmark drawn in 5 colors came back with 21 solid colors, and a fox drawn in a handful of flat colors came back with 79. Most of the extras are near-copies of the real colors, so the SVG looks right but carries more colors and paths than the artwork needs.

Reduce colors in the editor can merge them. It maps the solid colors to a smaller palette and leaves gradients alone. Slide it down, compare the result with your original, and stop when the colors look right. The slider goes as low as two colors.

For a batch of JPGs

The API has an endpoint for the same job. POST /api/agent/edit/simplify takes an SVG and a max_colors value from 1 to 256, and returns the SVG with at most that many colors. It costs no credits. Vectorize the batch first, then pass each SVG through it. See the developer docs.

JPG to SVG examples

The examples gallery has three JPG sources, and all three are here. In the enlarged details, the JPG's compression blocks are easy to see next to the smooth edges of the SVG.

Harbor and Pine wordmark logo with a dark green pine tree, slab serif lettering and an orange ampersand on an off-white background, original JPG
Original JPG
Harbor and Pine wordmark logo with a dark green pine tree, slab serif lettering and an orange ampersand on an off-white background, traced to SVG
SVG
A 24 × 24 px detail of the original low-resolution jpg wordmark, enlarged: the pixels show as blocks
Original, zoomed
The same detail of the SVG low-resolution jpg wordmark, enlarged: the edges stay smooth
SVG, zoomed

Low-resolution JPG wordmark

A logo saved as a tiny JPG, 520 px wide at quality 38, with visible compression blocks. The letters came back with smooth edges. The trace found 21 colors where the logo has 5. The SVG is larger than this 4.4 KB JPG, but it can be printed at any size.

Original
JPG, 520 × 225 px, 4.4 KB
SVG
12 KB
Paths
25
Solid colors
21
Gradients
0
Trace mode
General
Open the example page
Flat illustration of a sitting fox in blue with coral and green accents on a white background, original JPG
Original JPG
Flat illustration of a sitting fox in blue with coral and green accents on a white background, traced to SVG
SVG
A 24 × 24 px detail of the original flat fox illustration, enlarged: the pixels show as blocks
Original, zoomed
The same detail of the SVG flat fox illustration, enlarged: the edges stay smooth
SVG, zoomed

Flat fox illustration

Flat colors saved as a compressed JPG. The art has no shading and the SVG has no gradients. Compression noise pushed the trace to 79 solid colors, which Reduce colors can merge into a few.

Original
JPG, 1024 × 1024 px, 18 KB
SVG
132 KB
Paths
151
Solid colors
79
Gradients
0
Trace mode
General
Open the example page
Sunset landscape with a purple to orange gradient sky, a glowing pale sun and layered dark purple hills with pine trees, original JPG
Original JPG
Sunset landscape with a purple to orange gradient sky, a glowing pale sun and layered dark purple hills with pine trees, traced to SVG
SVG
A 24 × 24 px detail of the original sunset landscape, enlarged: the pixels show as blocks
Original, zoomed
The same detail of the SVG sunset landscape, enlarged: the edges stay smooth
SVG, zoomed

Sunset landscape

A photo-style scene with a gradient sky and layered hills. The SVG mixes 28 gradients with 77 solid colors, and parts of the sky are traced as horizontal bands. It is 6.1 times the size of the JPG.

Original
JPG, 1200 × 800 px, 18 KB
SVG
110 KB
Paths
205
Solid colors
77
Gradients
28
Trace mode
General
Open the example page

Photos and JPGs with a lot of detail

The wordmark and the sunset show how much path counts vary between images. The wordmark traced to 25 paths with 309 anchor points. The sunset traced to 205 paths with 2,506 anchor points, and it is a clean drawing with no grain. The gallery has no grainy photo yet, so there is no measured number for one here.

For screen printing or vinyl cutting, aim for a small palette of flat colors. Run Reduce colors well down, or try Screen print mode, then check the shapes before you download. More photo-style results are in the photo examples.

Getting a cleaner trace from a JPG

Use the best copy
Upload the largest version you have. If the logo also exists as a PNG or as the original design file, use that instead.
Skip the re-save
Saving a JPG again compresses it again and can change more pixels. If you have an earlier copy, upload that one.
Crop to the art
Crop away everything around the artwork. Paper texture and shadows inside the crop are still traced.
Remove the background
A JPG has no transparency, so its background is traced as shapes too. In the editor, click those shapes with the Eraser, or try Remove background and check what it left.
Very large JPGs
You can upload up to 20 MB. A file over about 3 MB is shrunk in your browser first, to at most 4,000 px on the longest side, and saved again as JPG at 90% quality.

Trace modes and downloads

After the first trace you can switch the editor from General to Cutting, Laser or Screen print. A mode you haven't tried on this JPG yet traces it again and counts as a conversion.

Screen print mode is a starting point for JPG artwork headed for a t-shirt. On the gallery's race tee design it returned 7 paths, plus a few light tints to merge before you separate; see screen printing. For vinyl cut from a JPG logo, use Cutting and read the Cricut page. For engraving, see laser.

For print, send the PDF or AI file. The image to SVG page lists what each of the six download formats contains.

To convert a folder of JPGs with Pro, send up to 10 per request to POST /api/agent/batch, at one credit each, then run each SVG through simplify. The MCP server has matching batch_vectorize and simplify_svg tools; see the MCP guide.

Questions about JPG to SVG

Is JPG or PNG better for converting to SVG?
If the PNG was saved from the original artwork, use the PNG; it has none of the JPG compression shades. A PNG made from a JPG keeps them. If the JPG is all you have, it works; plan on using Reduce colors. The PNG to SVG page shows flat PNG logos that kept their exact colors.
Do .jpeg files work the same as .jpg?
Yes. They are the same format under two file extensions, and the converter accepts both.
Why is my SVG bigger than my JPG?
A small, compressed JPG stores very little, and the SVG stores every shape and color as text. All three gallery JPGs gave larger SVGs. Enlarged to 4,000 px wide, the fox becomes a 2.81 MB PNG; its SVG stays 132 KB.
Can I convert a photo of a drawing?
Yes. Photograph it flat and in even light, then crop to the drawing. Shadows and paper texture are part of the image, so they get traced too.

Convert your JPG

Choose a JPG to start. Free and Pro allowances are on the pricing page.