Png to svg

Method 1: Auto-Tracing

The first way you can trace your PNG file is by using the Trace Bitmap function in Inkscape. The Trace Bitmap extension scans your image and uses it as a reference to automatically generate a vector rendering of it.


To use the Trace Bitmap function, simply select the object you’d like to trace, then go to Path > Trace Bitmap. This will bring up the interface menu depicted above (check out my Inkscape dark theme tutorial if you’d like a dark interface like mine.)

Assuming you’d like to create a complete retrace of the image and not just a monotone silhouette, choose Color from the Multiple Scans menu. After that it’s time to set the Scans. Scans are basically the number of colors that will be used in the tracing. If you’re working with a really simple PNG that only uses 2 or 3 colors, set the Scans to 2 or 3. If it has more, use more.

It may be worth it to experiment with different numbers of scans to see what works out best. You can click the Update button to generate a preview in the preview window before finalizing your selection.

The Trace Bitmap function handles simple graphics quite well

After you’ve finalized your tracing and clicked OK to generate it, make sure to Ungroup it (CTRL + SHIFT + G) several times to unlock all of the individual elements of the design.

Potential Problems With Auto-Tracing

This method is far from perfect. As can be expected, there’s no way for the software to understand all of the nuances of a raster image and render them with flawless precision. If the PNG you’re looking to trace is a very simple graphic at a high resolution and only uses a handful of colors, this method may be a viable option for you.

However, if you’re using a more complex, detailed image (or a really small image) it’s likely not going to give you acceptable results.


Click to enlarge

As you can see, the Trace Bitmap function produces results that are quite rudimentary when applying it to a more detailed image. The gradient background of the original image resulted in lots of color banding in the tracing, and the finer details — like the lettering and shading of the character — were completely lost in translation. The same will also happen if you use an image that’s too small…

Click to enlarge

There’s simply not enough information for the software to process when working with such a small image, which results in a blurry image with lots of color banding.

If after experimenting with the extension you are unable to produce the result you want, it may be time to consider other options.

Why It’s Easier Said Than Done

File formats ending in .png are raster graphics, meaning they’re made entirely of individual colored boxes known as pixels. Graphics made of pixels are static and set at a specific size. The more you zoom in on them or try to enlarge them, the more visible the individual pixels become.

Example of a raster graphic


Vector graphics (unlike raster graphics) are not made of pixels; they’re made of mathematical formulas that dictate all of the properties of a graphic on an X and Y axis. Since these formulas are far more dynamic than a series of static boxes, vector formats (like SVG) offer many more benefits, like being fully editable with vector graphics software, and having the ability to enlarge them infinitely without quality loss.

Example of a vector graphic

I assume that the reason you’re trying to use Inkscape to convert PNG to SVG format is because you’d like to take advantage of these benefits. Unfortunately, it simply isn’t possible. As I mentioned earlier, SVG files are what’s used to generate PNG files. The SVG is used as a reference to generate a series of static pixels that form the PNG file, and once that file is generated, the rest of the information from the SVG file (the mathematical formulas) is absent from it. The PNG format in and of itself is not capable of retaining such information.

Because of this, there’s simply no way to take an already rasterized, flattened image and transform it into a series of dynamic mathematical formulas.

Конвертировать другие форматы в формат SVG

Форматы Перерабатывать
PNG в SVG PNG в SVG конвертер
JPG в SVG JPG в SVG конвертер
PDF в SVG PDF в SVG конвертер
EPS в SVG EPS в SVG конвертер
GIF в SVG GIF в SVG конвертер
AI в SVG AI в SVG конвертер
PSD в SVG PSD в SVG конвертер
DXF в SVG DXF в SVG конвертер
CDR в SVG CDR в SVG конвертер
HTML в SVG HTML в SVG конвертер
BMP в SVG BMP в SVG конвертер
DOCX в SVG DOCX в SVG конвертер
TTF в SVG TTF в SVG конвертер
TIFF в SVG TIFF в SVG конвертер
TXT в SVG TXT в SVG конвертер
PPTX в SVG PPTX в SVG конвертер
WEBP в SVG WEBP в SVG конвертер
ICO в SVG ICO в SVG конвертер
OTF в SVG OTF в SVG конвертер
DOC в SVG DOC в SVG конвертер
XCF в SVG XCF в SVG конвертер
JPEG в SVG JPEG в SVG конвертер
XLSX в SVG XLSX в SVG конвертер
WMF в SVG WMF в SVG конвертер
WOFF в SVG WOFF в SVG конвертер
EMF в SVG EMF в SVG конвертер
PES в SVG PES в SVG конвертер
XLS в SVG XLS в SVG конвертер
FIG в SVG FIG в SVG конвертер
RTF в SVG RTF в SVG конвертер
PDB в SVG PDB в SVG конвертер
PLT в SVG PLT в SVG конвертер
XPS в SVG XPS в SVG конвертер
ODT в SVG ODT в SVG конвертер
PPT в SVG PPT в SVG конвертер
CMX в SVG CMX в SVG конвертер
CSV в SVG CSV в SVG конвертер
DST в SVG DST в SVG конвертер
BIN в SVG BIN в SVG конвертер
CGM в SVG CGM в SVG конвертер
DOT в SVG DOT в SVG конвертер
PS в SVG PS в SVG конвертер
JP2 в SVG JP2 в SVG конвертер
ODP в SVG ODP в SVG конвертер
TGA в SVG TGA в SVG конвертер
EXP в SVG EXP в SVG конвертер
SK в SVG SK в SVG конвертер
PPSX в SVG PPSX в SVG конвертер
CR2 в SVG CR2 в SVG конвертер
CUR в SVG CUR в SVG конвертер
DDS в SVG DDS в SVG конвертер
XBM в SVG XBM в SVG конвертер
SFD в SVG SFD в SVG конвертер
PBM в SVG PBM в SVG конвертер
MAP в SVG MAP в SVG конвертер
SNB в SVG SNB в SVG конвертер
CCX в SVG CCX в SVG конвертер
OXPS в SVG OXPS в SVG конвертер
SRF в SVG SRF в SVG конвертер
NEF в SVG NEF в SVG конвертер
EXR в SVG EXR в SVG конвертер
CDT в SVG CDT в SVG конвертер
PPM в SVG PPM в SVG конвертер
PPSM в SVG PPSM в SVG конвертер
WPS в SVG WPS в SVG конвертер
DOTX в SVG DOTX в SVG конвертер
AFF в SVG AFF в SVG конвертер
PGM в SVG PGM в SVG конвертер
XPM в SVG XPM в SVG конвертер
MOBI в SVG MOBI в SVG конвертер
PPS в SVG PPS в SVG конвертер
PPTM в SVG PPTM в SVG конвертер
DJVU в SVG DJVU в SVG конвертер
RAS в SVG RAS в SVG конвертер
PNM в SVG PNM в SVG конвертер
MNG в SVG MNG в SVG конвертер
ARW в SVG ARW в SVG конвертер
CFF в SVG CFF в SVG конвертер
DCM в SVG DCM в SVG конвертер
PFM в SVG PFM в SVG конвертер
RGB в SVG RGB в SVG конвертер
WPG в SVG WPG в SVG конвертер
PWP в SVG PWP в SVG конвертер
ABW в SVG ABW в SVG конвертер
DBK в SVG DBK в SVG конвертер
KWD в SVG KWD в SVG конвертер
SXW в SVG SXW в SVG конвертер
AW в SVG AW в SVG конвертер
3FR в SVG 3FR в SVG конвертер
CRW в SVG CRW в SVG конвертер
DCR в SVG DCR в SVG конвертер
DNG в SVG DNG в SVG конвертер
ERF в SVG ERF в SVG конвертер
FAX в SVG FAX в SVG конвертер
FTS в SVG FTS в SVG конвертер
G3 в SVG G3 в SVG конвертер
HDR в SVG HDR в SVG конвертер
HRZ в SVG HRZ в SVG конвертер
IPL в SVG IPL в SVG конвертер
K25 в SVG K25 в SVG конвертер
KDC в SVG KDC в SVG конвертер
MAC в SVG MAC в SVG конвертер
MEF в SVG MEF в SVG конвертер
MRW в SVG MRW в SVG конвертер
MTV в SVG MTV в SVG конвертер
NRW в SVG NRW в SVG конвертер
ORF в SVG ORF в SVG конвертер
OTB в SVG OTB в SVG конвертер
PAL в SVG PAL в SVG конвертер
PALM в SVG PALM в SVG конвертер
PAM в SVG PAM в SVG конвертер
PCD в SVG PCD в SVG конвертер
PCT в SVG PCT в SVG конвертер
PCX в SVG PCX в SVG конвертер
PEF в SVG PEF в SVG конвертер
PGX в SVG PGX в SVG конвертер
PICON в SVG PICON в SVG конвертер
PICT в SVG PICT в SVG конвертер
PIX в SVG PIX в SVG конвертер
PLASMA в SVG PLASMA в SVG конвертер
RAF в SVG RAF в SVG конвертер
RGBA в SVG RGBA в SVG конвертер
RGBO в SVG RGBO в SVG конвертер
RLA в SVG RLA в SVG конвертер
RLE в SVG RLE в SVG конвертер
SCT в SVG SCT в SVG конвертер
SFW в SVG SFW в SVG конвертер
SGI в SVG SGI в SVG конвертер
SR2 в SVG SR2 в SVG конвертер
SUN в SVG SUN в SVG конвертер
TIM в SVG TIM в SVG конвертер
UYVY в SVG UYVY в SVG конвертер
VIFF в SVG VIFF в SVG конвертер
WBMP в SVG WBMP в SVG конвертер
WMZ в SVG WMZ в SVG конвертер
X3F в SVG X3F в SVG конвертер
XC в SVG XC в SVG конвертер
XV в SVG XV в SVG конвертер
XWD в SVG XWD в SVG конвертер
YUV в SVG YUV в SVG конвертер
DOTM в SVG DOTM в SVG конвертер
DOCM в SVG DOCM в SVG конвертер
AZW3 в SVG AZW3 в SVG конвертер
EPUB в SVG EPUB в SVG конвертер
FB2 в SVG FB2 в SVG конвертер
LRF в SVG LRF в SVG конвертер
RB в SVG RB в SVG конвертер
TCR в SVG TCR в SVG конвертер
POT в SVG POT в SVG конвертер
POTM в SVG POTM в SVG конвертер
POTX в SVG POTX в SVG конвертер
CID в SVG CID в SVG конвертер
DFONT в SVG DFONT в SVG конвертер
PFA в SVG PFA в SVG конвертер
PFB в SVG PFB в SVG конвертер
PT3 в SVG PT3 в SVG конвертер
T11 в SVG T11 в SVG конвертер
T42 в SVG T42 в SVG конвертер
PCS в SVG PCS в SVG конвертер
SK1 в SVG SK1 в SVG конвертер

Method 2: Manual Tracing

As the title suggests, this is a method in which you manually trace over your image using various different shapes and the Bezier Pen. This may seem daunting upon first impression — especially if you’re new to the software — but it’s not something a first-time user couldn’t get the hang of within a relatively short period of time.

Why This Is My Preferred Method

As a professional designer I prefer the manual method because it simply produces the most professional results.

A manually-traced SVG will always be the best option


When you’re manually tracing an image, you’re in the driver’s seat — you are in complete control of the outcome. You get to dictate boundaries, lines, curves, shapes, colors, and every other aspect. The human element allows you to determine how to best handle those nuances that simply cannot be interpreted by automated software.

The auto-tracing method may get the job done, but if you want it done right and you want your tracing to have a professional appeal, I recommend tracing it manually.

Video Tutorial

Explaining this method through written text would take far longer than you’d care to read, so I put together a step-by-step video tutorial with voice narration that should set you off on the right path and have you manually tracing your PNG images in no time.

Potential Problems With Manual Tracing

As you would assume, one of the downsides to manual tracing is that it does include — albeit to a small degree — somewhat of a learning curve. You’re probably not going to knock it out of the park on your first try. It’ll take a bit of practice.

Another downside is that it can be quite time-consuming, depending on the image.

Become A Master of Inkscape!

Want to learn more about how Inkscape works? Check out the Inkscape Master Class – a comprehensive series of over 50 videos where I go over every tool, feature and function in Inkscape and explain what it is, how it works, and why it’s useful.

I’m Nick, and I design logos. I can help you enhance your image and make an impactful impression with some next-level branding. Check out my portfolio to see how I’ve helped others and learn more about how I can do the same for you.


С этим читают