Convert SVG to PNG Scalable Vector Graphics ↔ Portable Network Graphics Free Online Secure
An SVG is not a picture — it is instructions for drawing one. Here those instructions are followed once, at the size you pick, and the result is saved as PNG. The drawing is rendered in a sandbox where nothing in the file can run, and nothing is uploaded.
Convert your file
Drop an SVG here, or choose one.
Your file never leaves this device. Everything runs in your browser.
Nothing uploaded
What makes a vector different
An SVG is not a picture; it is a set of instructions for drawing one — a circle of this radius here, a line from here to there, this shape filled with that colour. It became a web standard in 2001, and because it stores the drawing rather than the result, it can be printed on a billboard from the same file that renders a sixteen-pixel icon. A PNG or a JPEG stores the opposite: a finished grid of coloured dots, with no memory of what drew them. That asymmetry decides everything on this page. Going from a vector to a raster is simply drawing the instructions at a chosen size; going the other way is tracing — a program looking at a grid of dots and guessing what shapes might have produced it.
Where you meet them
Logos, icons, maps, diagrams and charts live as SVG, because they must be legible at every size and often need to be recoloured. Favicons and app icons are produced from them. The reverse direction is for the moment a vector must become a flat image: an email client that will not display SVG, a social preview, a document to be printed by someone whose software is older than yours, or an upload form that accepts only photographs.
Questions people ask
I traced a photograph and the result looks terrible. Why?
Because tracing was never meant for photographs. It works by finding regions of similar colour and drawing an outline around each one, which suits flat artwork — a logo, a stencil, a line drawing — and fails on a photograph, where every region shades gradually into the next. The tracer has to invent a boundary where none exists, and produces either a poster-like blotch of flat patches or a file with tens of thousands of tiny shapes. For photographs, keep the raster.
Why does my SVG look different in another program?
Usually fonts. An SVG that contains text refers to a font by name and expects the machine opening it to have that font; where it does not, something else is substituted and the layout shifts. The cure is to convert the text to outlines before exporting, which turns each letter into a shape and makes the file identical everywhere — at the cost of the text no longer being editable or selectable. Advanced effects such as filters and blend modes are the other common source of differences.
Does the file lose quality?
It depends on what the two formats can hold. Converting between formats that store the same thing — a PNG to a BMP, a WAV to a FLAC — loses nothing. Converting into a format that throws information away to save space, such as JPEG or MP3, loses a little every time, and converting back does not bring it back. Where a choice exists, this page errs towards keeping the original quality rather than making the smallest file.
Is my file uploaded anywhere?
No. The conversion happens inside your browser, on your own machine; the file never leaves it and there is no server here that could receive it. That is why a large file is limited by your own memory rather than by an upload, and why nothing you convert can appear in anybody's logs — including ours. The audio and video tools do fetch their conversion engine from this site the first time you use them, some thirty megabytes once; after that the work still happens entirely on your machine.
Why people convert SVG to PNG
An SVG is not a picture. It is a set of instructions for drawing one: draw a circle here, a curve there, fill this shape with that colour, write this word in that font. Because it is instructions and not pixels, an SVG can be shown at any size without going blurry, which makes it the favourite format of logos, icons, charts and illustrations. But a surprising amount of software cannot follow those instructions. Email programs, social networks, many upload forms, presentation tools and older editors want a picture made of pixels. That is why people convert SVG to PNG: they have a drawing and they need it in the form that everything accepts.
PNG is the natural choice for the job. It keeps every pixel exactly as it was drawn and it keeps transparency, so a logo with no background stays a logo with no background. It is understood by every browser, editor, office program and phone. For an SVG that is mostly flat colour and sharp edges, PNG is the format that reproduces it faithfully.
This page converts SVG to PNG in your browser. The instructions in your file are followed once, at the size you pick, and the result is saved as PNG. The drawing is rendered in a sandbox where nothing in the file can run, and nothing is uploaded. Below you will find how it works, what is kept, what the one important limit is, and how to choose the size.
How the conversion works
The instructions are followed once
Your SVG is opened inside your browser, which does what it always does with SVG: it follows the drawing instructions and paints the result. That painting is then captured as a picture at the size you choose and saved as PNG. The process happens on your device, so there is nothing to wait for and nothing to delete afterwards.
A sandbox where nothing can run
An SVG file can, in principle, contain scripts and references to other things. To keep that from ever being a risk, the drawing is rendered in a sandbox where nothing in the file can run. Only the shapes are painted. This is safe even for files you downloaded from somewhere you do not fully trust.
You pick the size
Because an SVG has no pixels of its own, you decide how many the PNG will have. Pick a width, and the height follows from the proportions of the artwork. A larger size gives a sharper picture and a heavier file.
What is kept
Every shape as drawn
Every shape is kept as drawn: the curves, the fills, the strokes and the layering. The PNG is a faithful picture of what the SVG looks like in a browser.
The artwork's own proportions
The proportions of the drawing are kept, so it is not stretched or squeezed. If the SVG is twice as wide as it is tall, so is the PNG.
The transparency
Transparency is kept. Areas of the SVG that have no fill remain see-through in the PNG, which is exactly what you want for a logo or an icon that will be placed on a coloured background.
What you should know before you convert SVG to PNG
A PNG is one size for ever
A PNG is one size for ever, which an SVG was not. This is the most important thing on the page. If you pick a small size and later need a large one, enlarging the PNG will blur it. So pick the largest size you will ever need. It is much easier to make a big picture smaller than the other way round, and you can always keep the SVG for future use.
Fonts and images from elsewhere do not resolve
Fonts and images that the SVG pulls from elsewhere do not resolve in the sandbox it is drawn in. If the text in your drawing is set in a web font that the file loads from a server, it will fall back to a system font in the PNG, and the look of the lettering will change. If an SVG refers to a picture stored outside the file, that picture will be missing. For best results, use SVGs in which the fonts have been converted to outlines and the pictures are embedded.
The file size depends on the picture
A simple logo makes a tiny PNG. A detailed illustration at a large size makes a heavy one. If the result is too large for your purpose, reduce the size or run it through compress PNG.
How to convert SVG to PNG here
Add your drawing
Drop the SVG onto the page or pick it from your device. It is read inside your browser and is not uploaded.
Pick the size
Choose the width of the PNG. Think about the largest place the picture will be used, and pick that size.
Convert and download
Press the button and download the PNG. Open it, look at the edges and the text, and check that the transparent areas are still see-through.
A closer look at SVG and PNG
Vector and raster
An SVG is a vector format: it stores shapes and the rules for drawing them. A PNG is a raster format: it stores a grid of coloured dots. A vector can be scaled to any size, since the shapes are redrawn each time. A raster has a fixed number of dots, and enlarging it just makes the dots bigger. To convert SVG to PNG is to go from the rules to a fixed grid, and the choice of grid is yours.
Why PNG and not JPG
For a drawing, PNG is nearly always the better answer. It keeps sharp edges clean, and it keeps transparency. JPG softens flat colours and edges and has no transparency. If something will only take a JPG, use SVG to JPG; otherwise stay with PNG.
Resolution and screens
Modern screens often show pictures at twice or three times the density of older ones. If your PNG will appear on such screens at a given size on the page, make it twice as wide as that size, and it will look crisp.
Common situations in detail
Logos for email and social networks
Many email programs and social platforms do not accept SVG. Convert SVG to PNG at the size they ask for, and your logo goes through with its transparent background.
Pictures for documents and presentations
Office programs differ in how well they handle SVG. A PNG always works. If the drawing will be projected, choose a generous size so that it stays sharp on a big screen.
Icons for apps and sites
An icon set drawn as SVG often needs PNG versions for places that do not read vectors. Make them at the sizes required, and keep the SVG as the master.
Charts and diagrams
Tools that export charts as SVG leave you with a file that some systems reject. A PNG of the chart can be placed in a report, a web page or a message with no fuss.
Practical advice before you convert SVG to PNG
Check how the SVG looks in a browser
Open the SVG in a browser first. What you see there is what the PNG will show. If the text uses a font that is not on your system, expect the same substitution in the PNG.
Turn text into outlines for precision
If exact lettering matters, convert the text in your drawing program to outlines before you save the SVG. The letters then become shapes, and no font is needed to draw them.
Embed pictures
If your SVG includes pictures, embed them in the file and do not link to them. A linked picture cannot be found by the sandbox.
Choose the size with the future in mind
Think about where else the picture may be used. A size that is big enough for a poster is also fine for a web page. A size made for a tiny icon is useless everywhere else.
Questions people ask before converting
Which size should I choose?
The largest you will need. You can always shrink a PNG, but you cannot enlarge it without blurring.
Will the transparency stay?
Yes. A see-through background in the SVG is see-through in the PNG.
Why does my text look different?
Because the font was loaded from elsewhere and did not resolve in the sandbox. A system font took its place. Convert the text to outlines in the original to avoid this.
Why is a linked picture missing?
Pictures pulled from outside the file do not resolve. Embed them in the SVG.
Is my file uploaded?
No. The conversion runs in your browser and the file never leaves your device.
Can I go back to a vector?
Only by tracing. PNG to SVG turns a picture into shapes, but it is a guess and not a recovery. Keep your original SVG.
Choosing wisely when you convert SVG to PNG
Decide on the destination
A web page needs a modest size. A print needs a large one. An icon needs a small, simple one. Match the PNG to the place.
Compare with the other options
For a favicon, SVG to ICO makes a file with several sizes in one. For a document that stays sharp at any zoom, SVG to PDF keeps the drawing as a drawing.
Keep the SVG
The SVG is the master. It can be turned into any size and any format whenever you need it. Keep it safe.
Getting a good result after the conversion
Check the edges
Zoom in on curves and diagonal lines. They should be smooth. If they look jagged, the size was too small for the use, and a larger one will help.
Check against a coloured background
Place the PNG on the colour where it will appear. Transparent edges may reveal a faint fringe if the original had soft shadows, and it is better to find that now.
Lighten it if needed
If the file is heavy, compress PNG reduces its weight without changing the appearance noticeably.
Making the most of it when you convert SVG to PNG
Prepare the SVG before you convert SVG to PNG
A few minutes of care in the original save a lot of trouble later. Make sure the drawing has a proper size or view box, outline the text, embed any pictures and remove hidden layers you do not want shown. A clean SVG gives a clean PNG, and you will not need to run the conversion twice.
Make several sizes in one sitting
If you need a logo at a few different widths, convert SVG to PNG once for each, and name the files by their width. A small version for the footer, a medium one for the page and a large one for print cover most needs, and having them ready spares you from coming back for each request.
Think about the background
Because the PNG keeps transparency, the logo will take on the colour behind it. A dark logo on a dark page disappears. Check the PNG on both light and dark backgrounds, and if the logo needs a version for each, make two SVGs with different colours and convert SVG to PNG for both.
Keep names meaningful
Use a name that says what the picture is and how large it is, for example logo-1600. When you find the file a year later in a folder full of pictures, you will know at once which one it is.
Privacy and handling
Why local conversion matters for drawings
Logos, plans and designs may be confidential before they are published. Many online converters upload your file to a server, process it and send back the result, and for a while a copy lives on a machine you do not control. Here your own browser does the work, so the drawing stays on your device.
What happens when you leave
When you close the page, the converted picture disappears from the browser, so download it first. Nothing about your drawing is kept.
If something goes wrong
The picture comes out blank
The SVG may lack a size or a view box. Open it in a text editor and check that it has width and height or a view box, or fix it in your drawing program.
The picture is cut off
Some SVGs have elements that extend beyond their declared area. Adjust the view box in the original so that everything fits.
The page freezes with a very large size
Everything runs on your device, and an enormous picture needs memory. Choose a smaller size, or use a computer.
Related tools
The same family of tools covers the neighbouring jobs. For a JPG, use SVG to JPG. For a favicon or an app icon, SVG to ICO is the answer, and for a document that stays sharp at any zoom, SVG to PDF. To trace a picture into shapes, PNG to SVG goes the other way. Once you have the PNG, PNG to WebP makes it lighter for the web, and PNG to JPG makes a small file when transparency is not needed.
A worked example
Say you have your company logo as an SVG, and a social network will accept only PNG, at least 800 pixels wide. You drop the SVG here, choose a width of 1600 pixels, to be safe, and press the button. A moment later you download a PNG with the same proportions, crisp edges and a transparent background. You upload it, and the logo shows cleanly on any colour. The SVG stays in your folder as the master.
A short checklist
Before converting
Open the SVG in a browser. Decide on the largest size you need. Make sure fonts are outlined and pictures embedded.
While converting
Stay on the page until the file is ready.
After converting
Open the PNG, check the edges and the text, test it on the real background and keep the SVG.
Common mistakes
Choosing a size that is too small
A PNG is one size for ever. Enlarging it later blurs it. Choose generously.
Relying on linked fonts and pictures
They do not resolve in the sandbox. Outline the text and embed the pictures.
Throwing away the SVG
Keep it. It is the only version that can be scaled without limit.
Your drawing stays on your device
The conversion happens locally. Your drawing is read by your own browser, painted there and handed back as a PNG. Nothing is uploaded, so no copy ends up on a server and nobody else can see it. For unpublished designs, that is the safe way to convert SVG to PNG.
Summary
To convert SVG to PNG here, drop the drawing, pick a size and press the button. An SVG is not a picture but instructions for drawing one, and here those instructions are followed once, at the size you pick, and the result is saved as PNG. The drawing is rendered in a sandbox where nothing in the file can run, and nothing is uploaded. Every shape is kept as drawn, with the artwork's own proportions and the transparency. A PNG is one size for ever, so pick the largest you will need, because enlarging it afterwards blurs it. Fonts and images the SVG pulls from elsewhere do not resolve, so text set in a web font falls back to a system one.