Convert JPG to SVG vector (Beta)

Trace a JPEG logo, drawing or photo into an SVG made of shapes, with the JPEG blocks cleaned up.

Opens: PNG, JPEG, WebP, GIF, HEIC, AVIF, BMP, TIFF, ZIP
Saves: SVG, PDF, EPS, DXF, ZIP

Vectorize

Pictures
Choose files… or drop them here
.png, .jpg, .jpeg, .jfif, .webp, .gif, .heic, .heif, .hif, .avif, .bmp, .tif, .tiff, .ico, .tga, .qoi, .pbm, .pgm, .ppm, .pnm, .apng, .zip · up to 200 MB each, 50 files max
    Add more files

    One picture or many, or a .zip of a folder (sub-folders are kept in the result).

    Options
    Picture type

    Each picture shows a sample: the original on the left, its tracing on the right. The choice sets every setting below; anything you change is laid over it.

    Tracing method

    Usually left as the picture type sets. Single lines (red in the pictures) follow the middle of each stroke, for engraving, plotters and embroidery.

    Empty: decided from the picture. The background counts as a colour.

    The colour around the edge of the picture is not traced.

    Trace pixels that are

    Unlike the background: any colour that stands out. Darker than a level: dark marks only, so highlighter and faint pencil drop out. Darker than the surroundings: pages with shadows or uneven light. Not transparent: the shape of a cut-out picture. One colour: only marks of that colour.

    0 is black, 255 white. Pixels darker than this are traced: raise it for faint pencil.

    A hex colour, e.g. #e30613.

    More options

    Empty: as the picture type sets (12 for logos, 24 for clip art, 32 for photos, 64 for pixel art).

    Optional, for vinyl or thread colours: hex colours separated by commas, e.g. #000000, #ffffff, #e30613. Every area takes the nearest of them.

    Layering

    Cut-out shapes fit together like a puzzle, with holes where others sit: right for cutting and editing. Stacked shapes lie whole on top of each other: fewer nodes and no hairline gaps on screen.

    Colour difference: about 2 is barely visible, 12 a clear shade, 30 or more takes in neighbouring colours.

    How far around each pixel the light is measured. A little more than the thickest stroke works well.

    How much darker than its surroundings a pixel must be: lower picks up fainter marks (and more paper texture).

    Traces the other part: use it when the tracing shows the background instead of the drawing.

    Empty: the drawing's own colour. A hex colour such as #000000 makes them all that colour.

    Evens out rough pencil and paper texture. Empty: as the picture type sets (0 to 0.8).

    Width of the single lines. Empty or 0: measured from the picture.

    Empty or 0: decided from the line width.

    Thicker ink becomes filled shapes. Empty or 0: decided from the picture.

    Removes dust, noise and tiny holes. Empty: as the picture type sets (6 for logos, 20 for scans, 30 for photos).

    How far outlines may stray from the pixel edges: 0.3 follows them closely, 1.5 rounds them off. Empty: as the picture type sets.

    0 keeps every corner sharp, 1.34 rounds them all, about 1 looks natural. Empty: as the picture type sets.

    How far joined curves may stray: larger gives fewer nodes. Empty: as the picture type sets (0.25 to 0.5).

    Circles and ellipses

    The squares mark nodes: an exact circle needs only four.

    Against JPEG blocks, film grain and scanner dust; higher also rounds off small details. Empty: as the picture type sets.

    The unit of the drawing's width and height. DXF files are in millimetres unless centimetres or inches are chosen.

    In the size unit above, e.g. 100 for a 100 mm wide design. The height follows the picture's proportions. Empty: from the resolution below.

    Sets the physical size when no width is given: a 960 px wide picture at 96 is 10 inches (254 mm) wide, at 300 it is 3.2 inches.

    What cutters and lasers follow as cut lines. Single lines keep their width.

    Paints the background colour behind the shapes (SVG, PDF and EPS).

    Some viewers draw faint seams where colour shapes meet. A thin edge in each shape's own colour hides them.

    For checking the tracing against the picture in Inkscape or Illustrator. Makes the SVG larger.

    Your files are deleted after processing.

    JPG (JPEG) pictures are made of pixels and are saved with lossy compression, which leaves faint blocks and halos around sharp edges. Converting one to SVG means tracing it: the colours in the picture are grouped, and each area becomes a vector shape that stays sharp at any size. The tracing here is built to ignore the compression noise rather than trace every speck of it.

    How to convert a JPG to SVG

    1. Upload one or more JPG files (or a .zip of a folder).
    2. Choose what the picture shows, or keep Automatic:
      • Logo or icon or Clip art for graphics saved as JPG;
      • Line art for black drawings and text on white;
      • Scanned or photographed page for paper photographed with a phone;
      • Photo for a colour poster of a photograph.
    3. Download the SVG, and tick PDF or EPS if a printer or sign maker asked for one.

    JPEG noise, and how to deal with it

    • The tracer merges colours that are almost the same, so the faint blocks around a logo do not become separate shapes.
    • Specks smaller than the picture type's limit are left out. If dots remain, raise Leave out specks smaller than under More options (try 30 or 50 square pixels).
    • For heavily compressed pictures, set Noise removal to 1 or 2. It evens out blocks and grain before tracing, at the cost of slightly rounder small details.

    No transparency in JPG

    A JPG always has a background, usually white. Tick Leave out the background colour and the colour around the edge of the picture is not traced, so the SVG has a transparent background. Line art, scans and signatures are traced in one colour and never include the paper.

    Photos

    A photo becomes a poster: areas of flat colour, stacked so no gaps show. Choose the number of colours yourself (8 to 16 is a good start); every extra colour adds shapes and nodes. A photo is traced at up to 4 megapixels, and fine texture such as hair or grass becomes many small patches. For logos, drawings and text, results are much cleaner than for photos.

    Phone photos

    Photos taken with a phone are turned upright first, using the rotation the phone stored, so the SVG is the same way up as the picture on your screen. HEIC photos from iPhones are read too.

    More about what this tool reads and writes: Image Vectorizer.