PNG to SVG

How it works

PNG, JPG, and WebP files are raster images: a fixed grid of pixels that blurs when enlarged. SVG is a vector format made of mathematical shapes that stay crisp at any size. This tool reads your image with the Canvas API, groups its pixels into a small palette, traces the outline of each color region, and fits smooth curves to those outlines. The result is a standard SVG file you can open in Figma, Illustrator, Inkscape, or any browser, scale to a billboard, and edit shape by shape. Everything runs in a Web Worker on your own device, so large images trace without freezing the page. Your files are never sent to a server.

Choose Color for logos and illustrations, Grayscale for shaded artwork, or Black and white for line art, signatures, and scanned sketches. In black and white mode only the dark ink is kept, so the background of the SVG is transparent. The Colors slider sets how many flat colors the tracer may use and the Detail setting trades curve accuracy for file size. Very large images are traced at a reduced working resolution, since a vector does not need every pixel, and the SVG keeps the original dimensions. Works on desktop and mobile, no signup, no tracking.

Want proof? Open your browser's developer tools and watch the network tab while you work: your image never uploads.

Frequently asked questions

Will a photo convert well to SVG?

Photos can be traced, but the result is a posterized, flat-color version of the picture rather than a faithful copy, and it can be a large file. Vector tracing shines with logos, icons, clip art, text, and other images made of solid shapes. For photos, try Grayscale or a low color count for a stylized look.

Why does my SVG look slightly different from the original?

Tracing reduces an image to a limited palette and replaces pixel edges with curves, so soft gradients become bands and fine texture is smoothed away. Raise the color count and pick Detailed for a closer match, or lower them for a cleaner, smaller file.

Does it keep transparency?

Yes. Transparent regions in a PNG are left empty in the SVG, so a logo on a transparent background stays that way. In Black and white mode, both transparent and light areas are treated as background and only the dark shapes are kept.

Can I edit the SVG afterwards?

Yes. The output is plain SVG with one path per color region, and the Copy SVG code button puts the markup on your clipboard for pasting straight into an editor, a web page, or a React component.

More tools from Clean.tools

• Favicon Generator Turn an image into a full favicon set
• Resize Images Resize photos with presets or custom dimensions
• Compress Images Reduce file size without losing visible quality

View all tools