Convert SVG to PNG
A vector has no pixels until something decides how many. This lets you decide — 256 px for an icon, 2048 px for a print asset, from the same file.
Or type an exact width: px. Height follows the aspect ratio.
The size question SVG forces on you
An SVG has no resolution. It is a set of drawing instructions — move here, curve there, fill with this colour — and it stays sharp at any scale because the shapes are recalculated every time it is drawn. The moment you convert one to PNG, that ends: you have to commit to a fixed grid of pixels, and whatever number you pick is the number you are stuck with.
Most converters make that choice for you and hide it. They read the width attribute off the file, rasterise at that size, and hand you a 24×24 PNG when what you wanted was a 1024 px asset for a slide deck. This page puts the width up front, because it is the only decision that actually matters.
What width should you pick?
- 16–48 px — UI icons and favicons. At these sizes rendering detail is scarce; a logo with fine strokes will turn to mush, and a simplified version usually looks better.
- 512 px — app icons, marketplace listings, most social avatars.
- 1024–1536 px — presentation slides and web hero images on high-density screens. This is the safe default and why it is preselected.
- 2048 px and up — print, large-format display, or anything that will be cropped into later.
Height is never asked for. It follows from the width and the file's own aspect ratio, so nothing is stretched.
Transparency, and when to throw it away
PNG keeps an alpha channel, so an SVG drawn on nothing stays transparent. That is normally what you want. The exception is anything heading into a program that renders transparency as black — some older PowerPoint templates, a few print workflows, various photo apps. Tick the white-background option for those and the alpha is flattened before encoding.
Two things that will not survive the trip
External references. An SVG that pulls in a font from Google Fonts, or embeds another image by URL, is rasterised without them. Text falls back to a generic system font and linked images come out blank. The fix is to convert the text to outlines in your vector editor before exporting — Inkscape calls it "Object to Path", Illustrator calls it "Create Outlines".
Scripts and animation. SMIL animation and any <script> inside the SVG are ignored; you get the static first state. A PNG has nowhere to put motion.
If the output is going to be an icon file for Windows rather than a plain image, the PNG to ICO tool takes the result and packs several sizes into one .ico. And if the PNG comes out larger than you want, PNG to JPG will shrink it — as long as you no longer need the transparency.
Common questions
What size will the PNG be?
Exactly the width you choose, with the height calculated from the SVG's aspect ratio. Pick "Native size" instead and it uses the width and height written into the file, falling back to the viewBox dimensions if those are missing or given as percentages.
Is the background transparent?
Yes by default — PNG supports an alpha channel, so anything the SVG does not paint stays see-through. Tick the white-background box if the destination software cannot handle transparency.
Why is my text in the wrong font?
The SVG references a font that is not being loaded during rasterisation, so the browser substitutes a default. Convert the text to paths in your vector editor before exporting and the shapes become part of the file itself.
Can I convert several SVGs at once?
Yes. Every file is rasterised at the same width and gets its own download button, keeping its original name with a .png extension.
Does the file get uploaded?
No. The SVG is read into the page, drawn onto a canvas by your own browser, and encoded there. Disconnect from the network after the page loads and it still works.
Why does a huge width fail or hang?
Canvas memory is finite — a 20,000 px render needs well over a gigabyte. The width is capped at 8000 px, which is beyond anything a screen or standard print job requires.