SVG to PNG
Render SVG files to PNG at a chosen size.
Use the SVG to PNG tool
What this svg to png does
SVG to PNG rasterises a vector file at the width you choose, preserving the aspect ratio from the SVG's width, height or viewBox. A transparent background is the default; white or a custom colour is useful for platforms that mishandle alpha.
The SVG is sanitised before rendering: script elements, foreignObject content, inline event handlers and javascript: links are removed. It is then drawn through an image element, which does not execute scripts, and encoded to PNG on a canvas.
Why use it
- Use a vector logo where a platform only accepts PNG.
- Export a sharp image at a specific pixel width.
- Convert an SVG without sending it to a conversion service.
How to use it
- 1Open the SVG file.
- 2Choose the output width and background.
- 3Render and download the PNG, then check the edges for transparency issues.
Worked examples
Logo export
Input
A square SVG at 1024 px wide
Output
A 1024 × 1024 PNG with transparent background.
Social image
Input
A 16:9 SVG at 1200 px wide
Output
A 1200 × 675 PNG on a white background.
Common mistakes
- Rasterising at a small size and then enlarging the PNG, which defeats the point of a vector.
- Using external fonts that the SVG references but does not embed, causing fallback glyphs.
- Expecting animated SVG to export as animation; PNG is a single frame.
Frequently asked questions
Does it support CSS inside the SVG?
Inline and embedded styles are rendered. External stylesheets and remote fonts are not fetched, so the result may differ.
Why is part of my SVG missing?
The file may rely on external resources, filters or features the browser does not render from a single file. Check the original in a browser first.
Is the upload private?
There is no upload. The file is read and rendered in this tab.