XTools Logo
XTools
Blog
/
SVG PreviewSVG to PNGSVG to JPGSVG to PDFPNG to SVGJPG to SVGSVG OptimizerSVG Blob Generator

© 2026 XTools. All rights reserved.

Privacy PolicyContact Us

    PNG to SVG

    Convert PNG images to SVG vector graphics
    • Files never leave your device
    • Runs in your browser
    • Free, no sign-up, no watermark

    Drop PNG images here, or click to choose

    Accepts PNG, JPG, plus WebP, GIF, BMP, HEIC · You can also paste with Ctrl+V / ⌘V

    Related tools

    • SVG Preview
    • SVG to PNG
    • SVG to JPG
    • SVG to PDF
    • JPG to SVG
    • SVG Optimizer
    • SVG Blob Generator

    How to use PNG to SVG

    Trace PNG images into real vector paths you can scale and edit, right in your browser. Presets cover logos, posterized photos and line art, with controls for colors, smoothing and specks and a live side-by-side preview.

    1. 1

      Drop PNG images on the page; JPG, WebP, GIF, BMP and HEIC work too.

    2. 2

      Under Style, pick Logo, Photo or Line art, set Colors, and turn on Remove background if the corner color should become transparent.

    3. 3

      Refine under Fine-tuning: Smoothing, Curve tolerance, Ignore specks, Tracing detail and Close hairline gaps. The preview retraces as you change them.

    4. 4

      Compare the result Side by side or with the Slider, and set Size and Coordinate decimals under Output.

    5. 5

      Click Download SVG or Copy SVG; with several images, use Convert all N to SVG (ZIP).

    Frequently asked questions

    Is the SVG real vector or an embedded PNG?

    Real vector. The image is traced into filled paths with imagetracerjs, and the status line shows how many paths and colors it produced.

    Are my images uploaded?

    No. Tracing runs in a background worker in your browser, and the images never leave your device.

    How do I make the background transparent?

    Turn on Remove background. It drops the color that fills the image corners, so a logo on a white or flat backdrop ends up on transparency. Line art does this by default.

    Why is the SVG file so large?

    Every color region and speck becomes a path. Lower Colors, raise Ignore specks or Curve tolerance, and reduce Coordinate decimals; the SVG Optimizer can shrink it further.

    Can I convert a photo?

    You can, but tracing turns a photo into a stylized poster rather than a faithful copy. It works best on logos, icons, flat illustrations, scans and signatures.

    What is the difference between Tracing detail and Size?

    Tracing detail scales large images down to 600, 1000 or 1600 px before tracing, which is faster; Full traces every original pixel. Size only sets the finished SVG's dimensions, from 0.5× to 4× the original.