PNG to SVG Converter

Add your PNG pictures to the box above, choose how many colours you want and press Convert to SVG. Each picture is traced into real vector paths in a moment, with a before and after preview, ready to download one by one or together as a ZIP.

The tracing runs inside your own browser, so nothing is uploaded. JPG, WebP, GIF and BMP files work too. Logos, icons, drawings, text and clip art give the cleanest results; photos become a flat, poster-like picture, which we explain further down.

A few minutes spent on the PNG before tracing saves a lot of cleanup afterwards. First, crop away everything you do not need: empty margins, a second logo, a caption or a watermark from a mock-up. Anything left in the picture is traced too, and stray marks at the edge become tiny shapes you will have to delete later.

Next, look at the size. A logo that is only 150 pixels wide has very few pixels along each curve, so the tracer has little to follow. Small pictures are enlarged automatically before tracing, which smooths the outlines, but a bigger original is always better. If you only have a tiny copy, Upscale Image can enlarge it first; if the PNG is enormous, such as a 9000-pixel scan, Resize Image can bring it down to around 2000 to 3000 pixels so tracing is quicker and the SVG stays lighter.

Finally, think about the background. A logo on a clean white or transparent background traces best. A logo photographed on a shirt, a sign or a shop window has shadows, texture and reflections that turn into extra shapes. Cut the subject out with Remove Background, or crop tightly and use Black & white with a well-chosen threshold.

A PNG is a raster picture: a grid of coloured pixels. It looks sharp at the size it was made, but when you scale it up the pixels show and the edges turn blocky. An SVG is a vector picture: it describes shapes with points, lines and curves, so it stays perfectly sharp at any size, from a favicon to a billboard.

Changing the file extension does not turn one into the other. The picture has to be traced: the tool finds the areas of each colour, follows their edges and writes those edges down as smooth vector paths. That is what this page does, and the result is a real vector file, not a PNG wrapped inside an SVG.

Because the result is made of shapes, you can recolour it, resize it, cut it on a cutting machine, engrave it with a laser or paste it straight into a web page. If you already have a vector file and need a pixel picture instead, SVG to PNG does the opposite.

Which file you start from matters. PNG is the friendliest source for tracing because it is lossless: edges are crisp and flat colours stay flat, so the tracer sees clean boundaries. JPG pictures carry small compression blocks and halos around edges, which the tracer can mistake for detail; for those, JPG to SVG uses the same tracer, and Noise cleanup smooths those blocks before tracing. If your artwork lives in a PDF, PDF to SVG keeps any vector shapes the PDF already has, which is better than tracing a screenshot of it.

This is a png to svg converter free of sign-ups, watermarks and daily limits. You can trace as many pictures as you like, as often as you like, and every SVG you download is yours to use in your own projects.

There are no hidden paid settings either. Every option on the page, from the number of colours to outlines only, from noise cleanup to setting the width and height, is available to everyone. The only limits are practical ones: 50 pictures per batch and 50 MB per picture, so your browser does not run out of memory.

Most tools that offer png to svg online free send your picture to a server, trace it there and send the result back. Here the tracing happens in a background worker inside your browser, on your own computer or phone. Your pictures never leave the device, which matters for unreleased logos, client artwork and anything personal.

It also means the page keeps working on a slow connection once it has loaded, and it works the same on Windows, Mac, Linux, Chromebook, iPhone and Android. Big or detailed pictures take a little longer on older phones, but the page stays responsive while the worker traces.

To convert png to svg with color, leave the mode on Colour and pick how many colours the SVG should have: 2, 4, 8, 16, 32 or 64. The tracer groups similar shades together, so every colour you choose becomes one flat area in the result.

Fewer colours give cleaner shapes, smaller files and fewer layers to handle in cutting software. More colours keep shading and soft gradients, at the cost of many small shapes. Start low and go up only when something important is missing; with three pictures or fewer, each change re-traces automatically so you can compare quickly.

For png to svg black and white tracing, switch the mode to Black & white. Every pixel becomes either black or empty, which is exactly what stencils, vinyl decals, rubber stamps, single-colour screen prints and many laser jobs need.

The threshold slider decides where light ends and dark begins. Move it lower to drop pale marks and keep only strong lines, or higher to pick up faint pencil strokes and light grey areas. Tick Invert when you want the light parts as shapes instead, such as white text on a dark sign.

A one-colour trace is usually the cleanest vector you can get from a scan or a phone photo of a drawing. If the paper has a shadow across it, raise the threshold a little and use Noise cleanup to remove the speckles.

Black & white mode looks only at brightness, so it gives the cleanest edges and the smallest files, and you control the result directly with the threshold slider. Choose it for stencils, stamps, signatures, line art, laser cutting and most engraving, and for any design that will be produced in one colour anyway.

Colour mode groups the picture into the number of colours you pick and gives one path per colour. Choose it for logos with brand colours, stickers, layered vinyl, illustrations and poster-style photos. If a colour design will only ever be cut from one material, Black & white is often the better choice even for a colourful picture, because every shape ends up in one layer.

When you are unsure, trace the same picture both ways. With three pictures or fewer, switching the mode re-traces automatically, so comparing the two takes only a few seconds.

Detail decides how small a shape may be before it is dropped. Simple ignores tiny specks and gives smooth, light files, which suits bold logos and cutting machines. Balanced is good for most logos and drawings. Fine detail keeps small details and thin lines, giving a bigger file that takes longer to trace.

Small pictures are enlarged before tracing, so a 200-pixel icon still comes out with smooth curves instead of stair-stepped edges. That cannot invent detail the PNG never had, but it does make the outlines rounder and more natural.

Hand drawings, lettering and signatures are some of the most rewarding pictures to trace. Scan the drawing if you can, or photograph it flat in good daylight from straight above, without your own shadow across the page. Ink or a dark felt pen traces far more cleanly than light pencil.

Choose Black & white, then move the threshold until the lines are solid and the paper is empty. Turn Noise cleanup to Light or Strong to remove paper grain and the faint dots that phone cameras add in shadows. Smooth curves suits flowing brush and script lettering; Sharp corners suits block letters and technical drawings.

If the lines come out thicker or thinner than on paper, the threshold is the control to change: a lower value makes dark lines thinner and drops grey smudges, a higher value makes lines bolder and fills small gaps. For a drawing that has a few coloured areas, use Colour mode with 4 or 8 colours instead, and leave out the paper colour by clicking its swatch.

A png to svg transparent background result comes naturally from a PNG that already has transparency: transparent areas always stay transparent, and no white box is added behind your artwork.

If your PNG has a solid white or coloured background, set Background to Remove (transparent). The background colour is left out of the SVG, so the design sits cleanly on a shirt, a web page or a coloured material. For a photo with a busy background, cut the subject out first with Remove Background, then trace the result here.

You can also drop any single colour after tracing: click its swatch under the result and it disappears from the SVG. That is handy for removing a white box inside a letter, a stray shadow or a colour you plan to add by hand later.

Turning a png logo to svg is the most common reason people use this page. A website, a printer or a sign maker asks for a vector logo, and all you have is a PNG from an old email. Tracing gives you a clean vector version you can scale to any size.

Pick the same number of colours as the logo really has, usually 2, 4 or 8, choose Sharp corners for geometric shapes and lettering, and set Background to Remove (transparent). Check the preview at full size, especially around small text, and zoom in on curves before you send the file on.

The tracer draws letters as shapes, not as editable text, and it cannot know which font was used. The letters will look right, but you cannot retype them. If the wording changes, you will need the original font in your design program.

To make a png to svg for cricut projects, choose the number of colours your design has, set Background to Remove (transparent) and keep Shapes on Filled. Download the SVG, open Cricut Design Space, choose Upload, then Upload Image, and pick the SVG file. It arrives as a cut image, already in vector form.

Every colour is one path, named color-1, color-2 and so on, so each colour shows up as its own layer. Ungroup the design to move, hide or recolour layers, and use Attach when the pieces must keep their places on the mat. For vinyl, two to four colours are much easier to weed than sixteen.

Before tracing, remove tiny details that would be impossible to cut and weed, and choose Simple detail or Strong noise cleanup if the design has little specks. Very thin lines tend to tear in vinyl and paper, so check them in the preview.

Here is a simple way to go from a PNG to a layered vinyl decal. Trace the picture in Colour mode with the number of vinyl colours you plan to use, for example 3, with Background set to Remove (transparent), Simple or Balanced detail and Filled shapes. Click any swatch you do not want to cut, such as a white highlight that will simply be the colour of the surface, so it is left out of the file.

In Cricut Design Space, choose Upload, then Upload Image, browse to the SVG and upload it. Select it in your recent uploads and add it to the canvas. Because the SVG has one path per colour, Ungroup shows each colour as its own layer, which you can resize together, hide while you check the design, or recolour to match the vinyl you actually have.

Check the size on the canvas with the padlock closed so the proportions stay the same. Then select all layers and use Attach if the pieces must keep their positions relative to each other on the mat; without Attach, Design Space rearranges pieces of each colour to save material. When you press Make, each colour becomes its own mat.

Weeding is where too much detail hurts. Tiny islands and thin slivers lift with the backing or tear. If the preview shows lots of little bits, trace again with Simple detail, fewer colours or Strong noise cleanup. Tick Close hairline gaps between colours so neighbouring layers meet without slivers of the surface showing through, and consider adding a small overlap by hand in Design Space for colours that must line up exactly.

Silhouette Studio opens SVG files in Designer Edition and higher; the free Basic Edition does not import SVG. Open the file with File, Open or drag it onto the page, then use Release Compound Path or Ungroup to separate the colours.

Inkscape and Illustrator open the SVG directly, and each colour arrives as one path you can select, recolour or delete. Because every path has an id such as color-1, you can also find and style a colour by name. To share a traced design as a document, SVG to PDF makes a PDF that keeps the vector paths.

In Silhouette Studio Designer Edition or higher, choose File, Open, or drag the SVG onto the design page. The design arrives as a group; right-click it and choose Ungroup, and each colour becomes its own shape that you can select, move and fill separately.

Because each colour is one compound path, a colour with several separate pieces moves as one. Use Release Compound Path when you need to move or delete a single piece, and Make Compound Path to join them again so letters keep their holes. Open the Send panel to choose the material and check that every line you want to cut is set to Cut, not No Cut.

For layered designs, cut each colour separately: select one colour, cut it, then the next. The Fill Color tool lets you recolour layers to match your vinyl or card stock, so the screen preview shows what the finished piece will look like before you cut anything.

The traced SVG is ready to use, but a vector editor lets you polish it further. In Inkscape, open the SVG and use Object, Ungroup if the colours are grouped. Each colour is one path, so clicking a shape selects every shape of that colour. Path, Break Apart splits a colour into separate pieces, so you can delete one stray speck or move one letter; Path, Combine joins them again.

Path, Simplify (Ctrl+L) reduces the number of nodes along curves. Used once, it often makes wobbly edges smoother and the file smaller; used too often, it rounds sharp corners. Edit, Select Same, Fill Color picks every shape of one colour, which is handy for recolouring or deleting. To set a final size, change the width and height in the toolbar with the lock on, or in Document Properties.

In Illustrator, use Object, Path, Simplify for the same smoothing effect, and the Pathfinder panel to unite, subtract or split shapes. When you are happy, save as SVG again. Keep the original traced file too, so you can go back if a cleanup step goes wrong.

For png to svg for laser engraving, think about what the laser should do with each part. Filled shapes are what lasers engrave or fill-scan, while lines are what they cut or score. LightBurn and most other laser software import SVG and put each colour on its own layer, so you can set cut and engrave settings per colour.

Choose Shapes, Outlines only when you need thin cut lines along every shape, for example to cut letters out of wood or acrylic, or to drive a pen plotter. Choose Filled when you want to engrave a logo or picture. A Black & white trace with Simple detail usually gives the cleanest engraving and the fastest job.

Before cutting, set the size you need in your laser software or with Set width and height, and check that small inner pieces, such as the middle of an O, will not fall out in an unwanted way.

Laser software works with layers, and it usually decides layers by colour. Import the SVG into LightBurn with File, Import, and each colour of the trace arrives on a layer in the Cuts / Layers window. Check which colour went to which layer; if two colours share a layer, select the shapes and click another layer colour to move them.

Then set a mode for each layer. Line follows the edges of the shapes, which is what you use to cut through material or to score a thin line. Fill scans back and forth inside closed shapes, which is how you engrave a logo or a picture. A filled trace from this page works with both: set the outer layer to Line to cut the shape out, and the inner colours to Fill to engrave them.

If you only need cut lines, trace with Shapes set to Outlines only. Every edge becomes a thin line with no fill, which is cleaner for cutting acrylic, wood, felt and paper, and for pen plotters. Run engrave layers before cut layers, and cut inner shapes before the outer outline, so the piece does not move or drop before the job is finished; most laser software has an option for this in its optimisation settings.

Always run a small test on scrap material first. Set the final size before you start, since a responsive SVG has only a viewBox and may import at a size you do not expect, and remember that the beam removes a little material, so very thin parts may burn away completely.

Open the Code view to see the png to svg code of the result: a short SVG element with one path per colour. Press Copy SVG code and paste it straight into HTML, a React component or a CSS file as a data URL, with no extra download.

By default the SVG has only a viewBox and no fixed width or height, so it is responsive: it fills the box you put it in and keeps its proportions. Set it to any width with CSS. Turn on Set width and height if a program needs exact dimensions.

Because each colour path has an id such as color-1 or color-2, you can change colours with CSS or JavaScript, for example to match a dark theme or to animate a logo on hover. Keep the number of colours low for icons on the web: fewer paths mean smaller code and faster pages.

Traced SVG files are text, so they compress very well when a web server sends them with gzip or Brotli. You can make them smaller still with an SVG optimiser such as the open source SVGO, which shortens numbers, removes unneeded attributes and merges commands. Check the result visually afterwards, because very aggressive settings can shift small details.

There are two common ways to put an SVG on a page. As an image tag, the file is downloaded separately and can be cached by the browser, which suits large illustrations used on many pages. As inline code, pasted straight into the HTML, it needs no extra request and can be styled with CSS, which suits small icons and logos you want to recolour, for example in a dark theme.

When you paste the same traced SVG inline more than once on a page, rename the ids such as color-1 in each copy, since ids must be unique within a page. Add a title element or an aria-label to describe the picture for screen readers, or mark it as hidden from screen readers when it is purely decorative.

For the web, fewer colours and Simple or Balanced detail give the smallest code. A 4-colour logo usually comes out as a few kilobytes, while a 64-colour photo trace can be hundreds of kilobytes, often heavier than a well-compressed photo. If a picture needs that much detail, a normal image format is usually the better choice there.

Icons and small UI graphics are a good fit for tracing, as long as the source is clean. Trace them with 2 to 4 colours and Sharp corners, keep the viewBox-only output so they scale to any size, and paste the code inline to recolour them with CSS.

A website favicon is usually needed as an ICO file as well as, or instead of, an SVG. PNG to ICO makes that file from your PNG. Modern browsers can also use the traced SVG as an icon, which stays sharp on high-resolution screens.

For a png to svg high quality result, the source picture matters more than any setting. Use the largest, sharpest PNG you have, with clean edges and as few colours as possible. A blurry or tiny PNG gives rough, wobbly edges, because the tracer can only follow what is there. If your picture is small, try Upscale Image first.

Then match the settings to the picture: the real number of colours, Sharp corners for text and geometric shapes, Smooth curves for hand drawing, and Fine detail only when thin lines matter. Tick Close hairline gaps between colours if you see thin white lines between neighbouring areas.

Finally, judge the SVG at the size you will use it. Zoom into the SVG-only view and look at corners, small text and thin lines. If something is lost, raise the detail or the number of colours; if there are specks, lower them or turn up Noise cleanup.

Photos are made of millions of slightly different colours and soft gradients. Tracing turns each group of similar colours into a flat shape, so a photo becomes a poster-like picture with clear bands of colour rather than a photo-real vector. With 32 or 64 colours it can look striking, almost like a screen print, but it will never match the original photo exactly.

Detailed pictures also make big SVG files, sometimes larger than the PNG itself, because every small patch of colour becomes its own shape. For photos that only need to be shown on a screen, a normal image format is usually the better choice; PNG to JPG makes photo files much smaller. Use tracing for photos when you want the flat, graphic look on purpose.

Printers, sign makers, embroidery shops and screen printers often ask for vector artwork because it prints with sharp edges at any size. Trace with the exact number of ink colours the job will use: a one-colour screen print needs Black & white, a two-colour print needs 2 colours plus a removed background.

For heat transfer vinyl on shirts and bags, remember to mirror the design in your cutting software before cutting, as the vinyl is cut from the back. Very small text and thin lines are hard to cut and weed and may peel in the wash, so check the size at which the design will be used and pick Simple detail for small decals.

For stickers and print and cut, keep Shapes on Filled and use enough colours for the artwork to look right, often 8 or 16. Sign makers cutting letters from vinyl or board usually want Black & white with Sharp corners, so straight edges stay straight and corners stay crisp.

Vector files have no fixed pixel size, which is the whole point, but programs still need to know how big to show them. By default the SVG from this page has only a viewBox, a coordinate area based on the proportions of the picture. Web pages scale it to fit its box, and design programs open it at a size worked out from that viewBox.

If a program opens the SVG at an unexpected size, simply scale it there with the proportions locked; nothing is lost, because vectors stay sharp at any size. If you need the file itself to carry a size, tick Set width and height before tracing and type the dimensions you want. DPI does not matter for a vector file the way it does for a PNG.

The SVG has one path for each colour, with ids color-1, color-2 and so on, ordered from the background colour to the details. That keeps the file tidy and makes every colour a separate layer in Cricut Design Space, Silhouette Studio, Inkscape, Illustrator and laser software.

Under the result you see a swatch for each colour. Click a swatch to leave that colour out of the SVG, and click it again to bring it back. That is the quickest way to remove a background box, drop a shadow, or split one design into separate files for each vinyl colour.

After tracing, switch between Before / after to compare the original with the trace, the SVG-only view to check the vector on its own, and the Code view to read the SVG code. Download SVG saves the file, and Copy SVG code puts it on your clipboard.

With three pictures or fewer, changing a tracing setting re-traces them automatically, so you can try 4 colours, then 8, then Black & white and see the difference within seconds. With more pictures, adjust the settings and press the button again.

Add up to 50 pictures at once, each up to 50 MB. They are traced one after another with the same settings in a background worker, and each one gets its own preview and download button. Download all (ZIP) saves every SVG in one archive with the original names.

While a batch is running you can keep using the page. Pictures that are finished show their preview straight away, and a picture that cannot be read, or that turns out to be empty, is marked with a short message so it does not hold up the rest. Remove a picture from the list or clear all and start again whenever you like.

Batches work best for pictures that are alike, such as a set of icons, a sticker sheet split into files or several versions of a logo. For mixed pictures, trace them in smaller groups with settings that suit each group.

Tracing is not magic, and it helps to know where it falls short. Photos become poster-like, flat-colour pictures, not photo-real vectors. Fonts are traced as shapes, not recreated as text. A blurry or tiny PNG gives rough edges. Very detailed pictures make big SVG files that can be slow in cutting software.

The tracer gives its best results with logos, icons, drawings, text and clip art: pictures with clear edges and a limited number of colours. For anything else, treat the SVG as a starting point you may want to tidy up in a vector editor.

Your pictures are not uploaded. Opening, tracing, building the SVG and zipping all happen in your browser, on your own device. Nothing is stored on our servers, and closing the tab clears everything.

That makes the page safe to use for client logos, unreleased designs and personal drawings. Only your settings are remembered, on this device, so the next visit starts the way you left it.

Each picture is opened by your browser and drawn onto an invisible canvas. Small pictures are enlarged first, and the optional noise cleanup smooths grain and compression blocks. The colours are then reduced to the number you chose, or split into black and white at your threshold.

The tracer, the open source imagetracerjs library running in a Web Worker, follows the edge of every colour area and turns it into straight lines and curves, using your corner and detail settings. The shapes of each colour are joined into one path, transparent areas are left empty, and the SVG is written with a viewBox and, if you ask, a fixed width and height.

Before you send the file to a printer or cut expensive material, take a minute to check it. Open the SVG-only view and zoom in on the smallest parts: thin lines, small letters, the inside of letters such as A, O and R, and sharp corners. Look for tiny specks that would be cut separately, and for gaps between colours.

Then check the colours. Each swatch under the result is one path; make sure there are no near-duplicates, such as two almost identical blues, which would become two layers to cut. If there are, trace again with fewer colours. Finally, open the file in the program you will use and confirm the size and the layers before you start the job.

Start with the largest, cleanest PNG you have; tracing cannot add detail that is not there.

Choose the real number of colours in the design, and only go higher when something is missing.

Use Black & white for stencils, stamps, signatures and most laser engraving.

Use Outlines only for cut lines on lasers and plotters, Filled for printing, vinyl layers and engraving.

Remove a busy photo background with Remove Background before you trace.

Check the SVG-only view zoomed in before you cut expensive material.