Logo vectorizer: turn a logo picture into SVG (Beta)

Rebuild a logo from a PNG or JPG as vector shapes with its exact colours, crisp corners and true circles.

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.

    Printers, sign makers, embroiderers and web designers ask for a logo "in vector": a file made of shapes, not pixels, so it can be printed on a banner or cut from vinyl without blurring. If all you have is a PNG or JPG, this page rebuilds the logo as vector shapes and saves it as SVG, with PDF and EPS ticked as well.

    What the Logo type does

    • Exact flat colours. The colours are found in the picture and every area gets the average colour of its pixels, not a blend of the antialiased edges.
    • Crisp corners and true circles. Straight edges stay straight, corners stay sharp, and round parts (dots, rings, circular badges) are recognised and drawn as exact circles or ellipses.
    • Shared edges. Neighbouring colours share exactly the same boundary, so they never overlap or leave gaps. Some screen viewers still draw a faint seam where two shapes touch; tick Hide hairline gaps between shapes under More options to cover it.
    • Small logos are enlarged before tracing (pictures under 400 pixels), which gives the curves room to be smooth.

    Getting it right

    1. Upload the largest version of the logo you can find. A logo 1,000 pixels wide traces far better than a 150-pixel website header.
    2. If you know how many colours the logo has, enter that number under Number of colours, counting the background. Leaving it empty lets the tracer decide (up to 12).
    3. Tick Leave out the background colour for a logo on a transparent background.
    4. For brand colours, enter them under Use only these colours in More options, for example #003399, #ffcc00, #ffffff: every area takes the nearest one, so the file uses exactly those.
    5. Compare the original and the tracing in the preview, then download.

    Text in logos

    Letters are traced as shapes, not as editable text. Large lettering comes out cleanly; small taglines and copyright lines a few pixels high come out rough, because there are too few pixels to follow. Retyping small text in the original font is usually better.

    Which file to send

    • SVG for websites, Figma, Inkscape and most cutting software.
    • PDF for print shops: one page, exactly the size of the logo.
    • EPS for older sign, print and embroidery workflows that ask for it.

    Set Size unit and Width under More options if the file must be a set size, for example 300 mm for a shop sign.

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