Do you have an SVG logo or icon and need a PNG, because the place you are uploading to does not accept SVG?
Don’t worry, you are not alone, and you do not need design software. Add your SVG below, choose how wide the PNG should be, and press Convert. This SVG to PNG converter runs in your browser, so nothing is uploaded.
Your pictures never leave this computer. They are converted in your browser. Nothing is uploaded.
Pictures are converted at their own size. Nothing is resized or cropped unless it is an SVG, which you can draw at any width.
An SVG has no size in pixels, so browsers guess
A PNG is a grid of pixels. An SVG is a set of drawing instructions: draw a circle here, a line there. That is why an SVG stays sharp at any size, and also why it does not really have a size at all.
Think of it like a recipe rather than a cake. A recipe can make a cupcake or a wedding cake. A PNG is one cake, already baked.
So when a browser turns an SVG into pixels, it has to pick a size, and it often picks badly. I measured this in Chrome before building the page:
- A square logo with only a viewBox, and no width or height, came out 150 by 150 pixels.
- A wide one with only a viewBox came out 300 by 150.
- An icon marked as 64 by 64 came out 64 by 64, far too small for most uses.
A converter that takes the browser’s guess hands you a tiny, blurry PNG. This one reads the SVG’s own shape, then draws it at the width you type in, 1024 pixels unless you change it. The height follows the shape, so nothing is stretched.
Which width to choose
Choose about twice the size the picture will be shown at. Phone and laptop screens pack two or three pixels into every dot you see, so a logo shown 200 pixels wide looks sharp at 400 or more. There is no harm in going bigger except a bigger file, up to 8000 pixels.
Fonts and linked pictures do not come along
This catches people out with logos. If your SVG uses a font from the internet, or links to a picture online, the browser will not load it when the SVG is turned into a picture. That is a safety rule browsers follow, and I confirmed it: the test SVG asked for a web font and the browser never requested it.
So the text falls back to an ordinary font and looks wrong. The tool warns you when an SVG loads something from the internet. The fix is in the program that made the SVG: convert the text to outlines, or shapes, before saving, and embed pictures rather than linking them.
Transparent backgrounds
An SVG with no background becomes a PNG with no background. If you switch the Convert to box to JPG, the picture is laid on white first, or on a colour you choose, because a JPG cannot be see-through and the plain browser method would fill it with black.
Where this stops, honestly
- Animated SVGs become one still picture. Scripts inside an SVG do not run either.
- Web fonts and linked pictures do not load, as explained above.
- The result is drawn by your browser, so an SVG using an unusual effect can look slightly different from the design program that made it. Check the PNG before you use it.
- A very wide PNG needs a lot of memory. 8000 pixels is the most this page will make.
Frequently asked questions
Will the PNG be as sharp as the SVG?
At the width you choose, yes. Blown up bigger than that later, no, because a PNG is a fixed grid of pixels. That is why it is worth choosing a generous width now.
Can I make a favicon from my SVG?
Yes, but use the PNG to ICO converter for that. It takes SVG directly and puts every small size a favicon needs into one file.
Is it free and private?
Yes to both. No sign up, and the SVG is converted by your own browser, so it never leaves your computer.
If your SVG comes out looking wrong, ask me in the comment section below and I will love to help you out.