Tooladoo Free online tools for your files

Convert PNG to SVG (vector tracing) (Beta)

Turn a PNG logo, icon or drawing into a scalable SVG with real vector shapes, transparency kept.

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.

    A PNG is a grid of pixels: enlarge it and the edges turn to steps and blur. An SVG describes shapes instead, so it stays sharp at any size and can be recoloured or cut by a machine. Renaming a .png to .svg, or wrapping the pixels in an SVG file as some converters do, changes nothing; the picture has to be traced. This page does that: it finds the areas of colour in your PNG and draws each one as a smooth outline.

    How to convert a PNG to SVG

    1. Upload the PNG, several of them, or a .zip of a folder.
    2. Leave the picture type on Automatic, or choose it yourself: Logo or icon for flat colours, Line art for black-and-white drawings and text, Clip art for illustrations with more colours.
    3. Download the SVG. The preview shows your PNG and the tracing side by side, so you can compare them before you use the file.

    Transparency

    Transparent parts of the PNG stay empty in the SVG: a cut-out logo is traced without a box around it. If your PNG has a white or coloured background instead, tick Leave out the background colour and the colour that touches the edge of the picture is not traced. One-colour tracings (line art, signatures, shapes to cut) never include the background.

    What comes out well, and what doesn't

    • Flat colours and clean edges (logos, icons, diagrams) come out close to the original with few nodes. The soft edge pixels of the PNG are used to place each outline between pixels, so curves are smooth rather than stepped.
    • Gradients and shadows have no single colour, so they become bands of flat colour. Fewer colours give wider bands; more colours give a heavier file.
    • Tiny icons (32 or 64 pixels) are enlarged before tracing, but a 32-pixel icon has little shape to follow. For pixel-art icons choose Pixel art, which keeps every pixel as an exact square.
    • Small text needs pixels to trace: letters under about 10 pixels high come out rough. Use the largest PNG you have.

    Checking the result

    The Colours list shows how many shapes and nodes each colour became. A simple logo usually needs a few hundred nodes at most; many thousands usually mean that noise or shading was traced. Raise the speck size, or set the number of colours to the number you can count.

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

    More with Image Vectorizer

    • Bulk Image Resizer

      Resize, crop and compress one photo or hundreds at once: JPEG, PNG, WebP, HEIC, GIF, BMP and TIFF, with a target file size.

    • Image Compressor

      Make JPEG, PNG and WebP pictures smaller in KB without changing their size in pixels: by quality, to a target size, or with no quality loss at all.

    • Image Cropper

      Crop one picture or a whole batch to the same area or an exact shape, keeping the format, the quality and even the animation of GIFs.

    • Image Converter

      Convert pictures between more than 30 formats, from HEIC, AVIF, JPEG XL, PSD, SVG and camera RAW to JPG, PNG, WebP, AVIF, GIF or ICO, one file or hundreds.

    • Procreate File Converter

      Open .procreate files without an iPad: get a layered Photoshop PSD, a full-size PNG and JPEG, every layer as a PNG and the time-lapse video.

    • Corrupted Art File Rescue (Clip Studio, Procreate, PSD)

      Get your drawing back from a .clip, .procreate or .psd file that won't open: every layer that survived, as a layered Photoshop file and PNG.

    • 3D Device Mockup Generator

      Put a screenshot or screen recording on a 3D phone, tablet, laptop or monitor: studio-lit pictures and animated videos for your website.

    • Snapchat Memories Export Fixer

      Put the real dates, time zones and places back into your exported Snapchat Memories, merge the caption overlays and join split videos, ready for Apple Photos or Google Photos.

    • Clip Studio Paint Converter

      Open Clip Studio Paint .clip files without Clip Studio: a layered PSD for Photoshop, Procreate or Krita, a PNG of the whole picture and every layer as a PNG.