SVG to PNG Converter
Paste SVG code or drop an .svg file, set the output width, and download a PNG. Everything runs in your browser, so your files never leave your machine.
About the SVG to PNG Converter
The SVG to PNG Converter turns vector SVG graphics into raster PNG images at the size you choose. Paste SVG code or drop an .svg file, set the output width, pick a scale, and download a clean PNG. It is handy for logos, icons, and illustrations that you need as a fixed-size image for documents, slides, app stores, or platforms that do not accept SVG. Everything runs in your browser with the native Canvas API, so your files stay on your device and are never uploaded.
How it works
- Paste your SVG code into the text area, or drop an .svg file onto the upload area.
- Set the output width in pixels and choose a scale (1x, 2x, or 3x). The height follows the SVG's aspect ratio.
- Click Convert to PNG to render the SVG onto a canvas and create the image.
- Check the preview, then click Download .png to save the result.
Features
- Two input methods: paste SVG code or upload an .svg file.
- Set the output width and a 1x, 2x, or 3x scale, with height kept to the original aspect ratio.
- Live preview of the SVG on a checkerboard so transparency is visible.
- PNG export with transparent background preserved.
- Inline errors for invalid SVG, and runs fully in your browser with no uploads.
Frequently asked questions
Are my files uploaded anywhere?
No. The SVG is parsed and rendered to a PNG entirely in your browser using the Canvas API. Nothing is sent to a server or logged.
How is the PNG height decided?
You set the width, and the height is calculated from the SVG's aspect ratio, read from its viewBox or its width and height attributes. The scale option multiplies both dimensions, so 2x at a 512px width gives a 1024px-wide PNG.
Does the PNG keep transparency?
Yes. Areas with no fill in the SVG stay transparent in the PNG. The checkerboard in the preview marks the transparent regions.
Why does my SVG fail to convert?
The most common causes are malformed XML, a missing <svg> root, or external references such as remote images or web fonts that the browser cannot load while rendering. Inline the styles, fonts, and images in the SVG and try again.
Why should I export at 2x or 3x?
Higher scales produce more pixels, which look sharper on high-density screens and when the image is enlarged. Use 2x or 3x when the PNG will be displayed larger than its base width.