PNG is a versatile lossless format with transparency support. PNG opens in most environments, but another format such as SVG may suit some uses better.
SVG is an XML-based vector format that stays sharp at any size. Converting PNG to SVG is not like changing the format of an ordinary file, though: it is tracing (an estimate) that redraws the image as shapes. It works well for simple images such as logos and icons but not for photos, so read the cautions below first.
This converter reads the file itself to confirm it is PNG, then converts it to SVG right in your browser. Your image is never uploaded.
PNG vs SVG: what's the difference?
| Item | PNG | SVG |
|---|---|---|
| Compression | Lossless | Vector (stored as math) |
| Transparent background | Yes | Yes |
| Animation | No | Yes |
| Introduced | 1996 | 2001 |
| Support in programs and upload forms | nearly everywhere | moderate |
| Shown directly in browsers | Yes | Yes |
| Photo file size (JPG = 1) | about 3× | n/a |
What is PNG?
PNG (Portable Network Graphics) is a lossless format created in 1996 to avoid the patent problems around GIF. Because not a single pixel changes when you save and reopen it, it suits original artwork that goes through many edits.
What is SVG?
SVG stores lines, shapes and curves as math in text (XML) instead of pixels. It stays sharp however far you zoom, and a simple logo can be just a few KB.
What changes when you convert PNG to SVG
It is an estimate, not an exact copy
Converting PNG to SVG here means tracing: finding the outlines of areas of color in the image and redrawing them as shapes. It isn't an ordinary conversion that preserves the original pixels, so the result is not identical to your PNG file; edges may shift a little and small details can disappear.
It suits PNG images with few colors and clear edges
PNG images with few colors and sharp edges, such as logos, icons and flat-color illustrations, convert fairly well. Photos and images with many gradients come out rough and the file size grows a lot.
Colors are simplified to the number you set
SVG reduces the colors to a set number (2-64) to build the shapes. Subtle color differences in your PNG file disappear, and smooth gradients can split into bands. You can adjust the number of colors and the level of detail in the conversion options; for logos and icons, 4-16 colors is often enough.
Text becomes shapes, not a font
Text inside the PNG image is drawn as shapes in the SVG, not as text. You can't edit or search it later, and small or blurry text can be hard to read. If you need to edit the text, use the original design file.
Transparent backgrounds are kept
Transparent areas of the PNG stay transparent in the SVG. To fill them with a color, turn on "Fill transparent areas and margins with the background color" in the options.
How size and file size change
An SVG grows with the number of shapes. A simple logo can be smaller than the PNG original, but a complex image becomes much larger. After converting, the result screen compares the size with the original and tells you when it is larger. Tracing is done on an image reduced to at most 1024px on a side, and only the display size (width and height) of the SVG is set to the size you chose, so it stays sharp when enlarged.
When to convert
- You have a PNG logo or icon without an original vector file (AI, Figma and so on) and want a form that doesn't break when enlarged
- You want to change the color or size of a simple graphic with code on the web
- You need a base outline for a program that takes outlines (vectors), such as cutting, embroidery or laser tools; the result may need cleaning up
PNG → SVG: practical tips
A logo PNG with a transparent background converts best. Start with 4-8 colors and medium detail, then enlarge the result preview to check it. If the outline is rough, raise the colors or detail; if the file is too large, lower them.
A small PNG with soft edges can give lumpy outlines. If you can, convert from an original that is at least twice as large.
It is normal for the result to differ a little from the original. If the exact shape matters, as with a brand logo, first check whether an original vector file (AI, Figma and so on) exists.