SVG to PNG Converter
Paste SVG code or choose a file, pick how big the PNG should be, and download it. An SVG has no real size of its own — that is the whole reason this choice exists.
How to use it
- Paste your SVG code, or choose an
.svgfile to read into the box. - Choose how big the PNG should be. 2× is the usual answer for a screen; 4× if it is going to print.
- Download the PNG.
Why you have to choose a size at all
An SVG is a set of drawing instructions, not a grid of pixels. "Draw a circle here, this colour, this thick" holds at any size, which is why an SVG logo is razor sharp on a watch and on a billboard. A PNG is the opposite: a fixed grid, decided once, blurry the moment it is shown bigger than it was made.
So converting means choosing, and there is no correct answer the tool
could pick for you. The width in the SVG is only a
suggestion about how it should be drawn by default. Exporting at
2× that is the safe habit, because most phones and many laptops
pack two or more screen pixels into every one the page thinks it
has — a 1× export on those screens looks soft.
What does not survive the trip
A PNG is a flat picture. Everything the SVG could do stops working: the text inside it is no longer text and cannot be selected, searched or read aloud; CSS can no longer restyle it; animation stops. If those things matter, keep the SVG and use the PNG only where SVG is not accepted.
Fonts are the usual surprise. The browser draws the SVG in isolation here, so a font your page loads is not available — text in the PNG falls back to something plain. Converting the text to outlines in your drawing program before exporting avoids it entirely. Images linked from inside the SVG will not load either, for the same reason.
Frequently asked questions
Is my SVG uploaded anywhere?
No. The code stays in the page, the browser draws it onto a canvas and hands you the PNG. Nothing is sent to a server, so a logo you have not published yet stays yours.
Why does my text look wrong in the PNG?
Because the SVG is drawn on its own here, without the fonts your website loads, so the browser falls back to a default. Convert the text to paths or outlines in your drawing program before exporting and the letters become shapes, which always render exactly as drawn.
What size should I export at?
Twice the size you will display it at, in most cases. Phone and laptop screens commonly pack two or three real pixels into each one the page counts, so a 1x export looks soft on them. Going bigger than 4x rarely helps and makes a large file.
Nothing appears - what is wrong?
Usually the SVG has no size the browser can work out. It needs a width and height, or a viewBox, or the drawing has nowhere to go. The message under the preview says which of those is missing. A stray character before the opening tag will also stop it parsing.
Can it make a transparent PNG?
Yes, and that is what you get unless the SVG paints its own background. Anything the SVG leaves empty stays transparent in the PNG, which is what you want for a logo going on top of something else.
Is my text sent anywhere?
No. Everything happens in JavaScript inside your own browser. Nothing is uploaded and nothing is saved - close the tab and it is gone.