What is SVG, and when do you convert it to PNG?
How a vector file works and when a PNG export becomes necessary
A logo arrives from your designer, the file name ends in .svg, and the place you want to use it simply will not accept it. Or the opposite: the logo you have never blurs no matter how far you enlarge it, and you wonder why. Both situations share one explanation.
An SVG stores a picture as a set of instructions rather than as a grid of dots. In other words, the file says things like "draw a line of this width here, fill this area with that colour", and the picture is drawn afresh from those instructions every time you open it. An ordinary photo file does the reverse: it stores a ready-made list of coloured dots.
Instructions versus dots: what happens when you zoom in
Enlarging shows the difference best. A set of instructions can be carried out at any scale: ask for the line twice as wide and the program draws it again, and the edge comes out just as crisp. A list of dots has no extra information to draw on; the existing dots simply swell, edges turn into staircases and the picture goes soft.
The everyday consequence: when you send a logo to a sign maker or a printer, they will ask for the vector file. From one file they can print a business card and a three-metre banner, because choosing the size is their job. If all you have is a small PNG, your logo comes out ragged on the banner and nothing can fix it.
For the same reason the size of an SVG depends on how many shapes it contains, not on how many dots. A plain logo made of a few curves is a tiny file at any scale.
In the diagram: the same logo enlarged in both file types
The top row of the comparison holds an instruction-based file, the bottom row a dot-based one. Both look the same when small; enlarged four times, the lower one turns into steps while the upper one stays exactly as it was.
Which programs will not take an SVG?
SVG was born for the web, which is why the browser is where it feels most at home. Drag the file into a browser window and your logo appears sharply; that is also the quickest way to confirm the file is intact.
Outside the web the picture changes. Profile and cover upload fields on social networks do not accept SVG. Many email clients will not display an SVG placed in the body of a message. Government and application upload forms almost never take it. Some office and presentation programs open it and some do not, and older versions of those that do can shift the shapes around.
What all these places have in common is simple: wherever SVG is refused, what is being asked for is a dot-based file. So the fix is not to repair the SVG but to export a PNG from it.
- Social network profile and cover images → export a PNG
- Email signature → export a PNG
- Official forms and application attachments → export a PNG
- Your own website → stay with SVG, sharpest and lightest
- Signage, printing, large format → send the SVG
How many pixels wide should the PNG be?
When exporting a PNG from an SVG, the only real decision is the width; the height follows from the file's own proportions, so the picture never stretches. The width is dictated by where you will use it, and there is no single correct number.
A general approach: think of the area the image will occupy on screen and enter twice that. The reason for doubling is high-resolution displays; they pack twice as many dots into the same area and make an image exported at exact size look slightly soft.
Overdoing it has its own price. A PNG exported far wider than needed makes the file heavy, slows the page down and does not fit into an email. Entering five thousand pixels for a small icon buys you nothing.
| Where will you use it? | Sensible width |
|---|---|
| Logo on a web page | Twice its displayed width |
| Email signature | Around 400 pixels |
| Presentation slide | Close to the slide width |
| Social network profile image | The square size the platform asks for |
| Small icon inside a document | Between 128 and 256 pixels |
Two surprises waiting in the conversion
The first is typefaces. Text inside an SVG is sometimes stored not as letter shapes but as the name of a font. If that font is not installed on the machine doing the conversion, the text is drawn with a different one and the export looks unlike what you expected. The lasting fix is to ask whoever prepared the file to save it with the text converted to shapes.
The second is the background. An SVG usually leaves its background empty, and the PNG carries that emptiness through; your export will be transparent. That is normally what you want, but if you were expecting a white background you may be puzzled when the image appears to have none. When a white background is required, converting the PNG onward to JPG is the shortest route, since JPG carries no transparency and drops the empty areas onto a solid ground.
The SVG to PNG tool on this site takes the width from you and draws the file inside your browser. Producing a logo's three sizes for the site, the signature and a presentation one after another from the same source file is the cleanest method: you return to the original every time instead of enlarging a PNG you already exported.
Site icons are a branch of their own
One of the most frequent reasons to export a PNG from an SVG is the small icon that shows up in a browser tab. Here the job does not end with a single PNG: several sizes of the same mark are needed, and they are expected to travel in one file.
The route is this: export a square PNG of ample size from your logo's SVG, then pass that PNG on to the Favicon Generator, which packs several sizes into one icon file. While preparing the source PNG it is also worth simplifying details that will not read at small scale; in a sixteen-dot square, thin lines disappear altogether.
Frequently asked questions
How do I open an SVG file?
Drop it onto an open browser tab and the drawing appears at once. To change anything in it you need a program that edits vectors — an ordinary photo editor will not do.
Is converting SVG to PNG free?
The conversion on this site is free, needs no account, and nothing is uploaded anywhere — the drawing is done by your own browser.
Can I turn a PNG back into an SVG?
Not directly. Producing instructions from a dot-based image requires a separate tracing pass, and what comes out is an approximation rather than your original artwork. The person to ask for the vector original is the designer who made your logo.
Can an SVG file be harmful?
It is worth being careful with SVG files from unknown sources; although it looks like an image, the format is a document that can contain executable parts. Do not put an SVG from a source you do not know straight onto your website.
My logo is not an SVG, I only have a small PNG. What can I do?
Enlarging will not help, the edges go soft. The thing to do is ask whoever made the logo for the vector file; failing that, the logo has to be redrawn in a vector editor.
Last updated: August 27, 2026