Convert PNG to SVG
in seconds, not hours

Professional PNG to SVG conversion with AI-powered tracing. No cost, no limits, no watermarks.

Drop image or click to upload

JPG • PNG • WEBP • BMP • TIFF • GIF • Max 10MB

No credit card required • Unlimited conversions
Featured on Product Hunt
31

100% Free

Privacy First

Instant Results

No Sign-up

10M+|Always Free
Three steps

How it works

Upload, adjust, download. No account needed.

01

Upload

Drop an image up to 10 MB or click to choose one. A preview appears in a few seconds.

02

Adjust

Start from a preset such as Logo & Icon, Photo or Black & White, then fine-tune detail, colours and corners while the preview updates.

03

Download

When the preview looks right, download the SVG. The file is yours to use, with no watermark.

PNG and SVG at a glance

PNG is a raster format: a fixed grid of pixels, compressed without losing any detail, with an optional alpha channel for transparency. Enlarge a PNG beyond its original size and the edges turn soft and blocky, because there are no extra pixels to show.

SVG describes shapes as paths in a small text file, so it stays sharp at any size and can be recoloured in Figma, Illustrator, Inkscape or with CSS. Converting a PNG traces areas of similar colour into those paths. It redraws what is already in the image; it does not add detail that was never there.

What happens to transparency when a PNG becomes SVG

The alpha channel stores, for every pixel, how see-through it is, from fully transparent to fully opaque. SVG has no pixels to carry that value, so the tracer decides area by area whether to draw a shape or leave the space empty. Knowing how it decides explains most of the surprises people run into.

Fully transparent areas stay empty

No shapes are drawn where the PNG is completely transparent. A logo on a transparent background comes out as a logo on a transparent background, ready to place over any colour or photo.

Semi-transparent pixels become solid

Every traced shape gets one opaque fill colour. Soft drop shadows, glows and see-through overlays turn into solid shapes, often darker than they looked. Remove them before converting, or hide their colour in the palette after tracing.

Soft edges can leave a fringe

Anti-aliased edge pixels are partly transparent, and some of them trace as thin slivers in a slightly different shade. Zoom in on the outline. If you see a fringe, hide that colour in the palette or move the Detail slider towards Cleaner.

A white background is not transparency

If the PNG has a solid white or coloured background, that background is traced as a shape like any other. Use Remove background in the editor before tracing, or hide the background colour in the palette afterwards.

Screenshots, Canva and Figma exports

Most PNGs that people want as vectors were never drawn as PNG. They are screen captures or exports from a design tool, and each source leaves its own marks on the image.

Screenshots

Text and icons on screen are smoothed with anti-aliasing, so small lettering traces into rounded blobs. Zoom the page or app in before you capture, then crop to the graphic you need instead of tracing the whole window.

Canva downloads

Whether Canva lets you download a PNG with a transparent background depends on your plan. If the SVG download option is available to you, use it: the design is exported as vectors and no tracing is needed.

Figma exports

Figma can export any frame or layer as SVG, which keeps the original vector shapes exactly. Trace a PNG only when the source file is gone, and if you can, use an export at 2x or 3x for cleaner edges.

Small exports

Icons exported at 16 or 32 pixels have so few pixels per curve that the trace follows the pixel steps. Re-export the largest size available before converting.

PNG-8 and PNG-24: why colour depth matters

PNG-8 stores a palette of up to 256 colours, and each pixel points to one of them. PNG-24 stores the full colour of every pixel, and with an alpha channel it is often called PNG-32. Most design tools save PNG-24 by default; PNG-8 usually comes from optimisation tools and older web graphics.

A flat PNG-8 logo traces into a handful of clean shapes, because there are only a few colours to separate. A PNG-8 made from a photo or gradient is a different story: the missing shades are usually faked with dithering, a pattern of dots that the tracer turns into clusters of tiny shapes. PNG-24 keeps smooth edges and gradients, and the Logo & Icon preset or the Colors slider merges them into flat areas when you want a simpler SVG.

Which PNG images convert well

Good candidates

  • Logos and icons exported with a transparent background
  • Stickers, clip art and flat illustrations with clear outlines
  • Signatures, hand lettering and line art
  • Charts and diagrams exported from slides or spreadsheets
  • Designs for cutting machines, which need paths rather than pixels (see how to make SVG files for Cricut)

Poor candidates

  • Photos saved as PNG, which trace into thousands of small patches
  • Full-page screenshots with small text
  • Artwork whose soft shadows, glows or gradients must survive unchanged
  • Icons only available at 16 to 32 pixels

If you work in Adobe Illustrator, Image Trace does the same job with manual control over every setting. Our guide to converting PNG to SVG in Illustrator walks through the settings that matter.

PNG to SVG questions

Is the transparent background kept?

Yes. Fully transparent areas of the PNG get no shapes, so the SVG background is transparent too. Semi-transparent pixels, such as soft shadows and glows, are traced as solid shapes.

Why does my SVG have a white background?

The PNG has a solid white background rather than a transparent one, and it is traced like any other colour. Use Remove background before tracing, or hide the white in the palette to drop those shapes.

Why are there thin slivers around the edges of my logo?

They come from anti-aliased edge pixels, which are partly transparent and slightly different in colour. Hide the stray colour in the palette or move the Detail slider towards Cleaner.

Can I convert a screenshot to SVG?

Yes, but crop it to the graphic first. Small on-screen text is blurred by anti-aliasing and traces poorly, so capture at a higher zoom level when you can.

Does PNG-8 or PNG-24 convert better?

A flat-colour PNG-8 traces cleanly into few shapes. PNG-24 is better whenever a PNG-8 version would be dithered, because dithering dots turn into clusters of tiny shapes.

Will the SVG be smaller than the PNG?

For logos, icons and flat artwork it usually is. For photos it is often larger. Uploads can be up to 10 MB, and images over 4096 pixels on the longest side are scaled down before tracing.

Which format is your file?

This page accepts JPG, WebP, GIF, BMP and TIFF uploads as well as PNG. Each format has its own quirks before tracing, and its own page with a guide to them.

JPG to SVGPhotos, scans and logos shared over email or chat. The guide covers compression noise and how to clean it up first.WebP to SVGImages saved from websites, since many sites now serve WebP in place of PNG or JPG.GIF to SVGOlder web graphics, buttons and animations. Only the first frame of an animated GIF is traced.BMP to SVGFiles from Microsoft Paint, older Windows programs and scanner tools, which are large because they are uncompressed.TIFF to SVGScans and print files, including multi-page and CMYK TIFFs that need a little preparation.

Start converting PNG to SVG now

Free, fast, and no signup required.

10M+

Converted

50K+

Users