SVG → PNG
SVG to PNG converter
Drop a vector file and get a PNG at the resolution the job needs. Rasterising happens in this tab, so design work stays between you and your machine.
A PNG has fixed pixels: enlarging it later makes it soft, while the SVG stays sharp at any size. Transparent areas are kept, not filled.
How to convert SVG to PNG
Load the vector
Drop the .svg file or paste it. Files that declare no width and height in their header are rendered in a 1024-pixel viewport instead.
Choose the pixel size
Set the width or height you need — 256 for an app icon, 2400 for a printed graphic — and the other dimension follows the aspect ratio. An export is never enlarged past the size the file declares.
Export the PNG
Save the raster and use it wherever a PNG is expected: a slide, a favicon pipeline, a README or a store listing that accepts no vectors.
Turning vectors into pixels
SVG is XML: paths, fills and text instructions that a renderer resolves at any zoom, which is why logos and icons are drawn as vectors. PNG is a grid of finished pixels, so rasterising means fixing a grid size first — every curve is sampled onto it, and the resolution you choose is the resolution you keep.
The drawing is rendered through the browser's own SVG engine, the same one that shows it on a page, so gradients, filters and clipped shapes behave as they do on screen, and transparency is preserved because PNG carries an alpha channel. The cost is fixity: enlarge the PNG afterwards and edges soften, while a fresh export from the SVG at a bigger size stays crisp. Keep the vector as the master file.
SVG to PNG questions
How do I choose the PNG resolution?
Think about the largest place it will appear: 16–64 px for a favicon, 256–512 px for an app icon, 1000 px or more for print. Set one dimension and the other follows the ratio; exporting again at another size is cheap because the source stays sharp.
What do I lose compared with the SVG?
Scalability and editability: the PNG is a fixed grid, so enlarging it blurs, and its shapes are no longer text you can restyle. Treat the export as a delivery copy for one size and hold on to the original .svg.
My SVG has no width and height. What happens?
It is rendered into a 1024-pixel viewport, and that becomes its intrinsic size, so a file with only a viewBox is treated as 1024 px wide. Set an explicit pixel size here, or add width and height to the markup, when you need something exact.
Does the PNG keep transparency, and is my file uploaded?
Transparency is preserved, because PNG has a real alpha channel — a logo on a see-through background stays see-through. Nothing is uploaded either: the artwork is rendered and encoded in this tab, up to 64 MB per file, and the page works offline once loaded.