SVG to PNG. Crisp raster, any scale.
Why convert locally?
SVGs are perfect for the web, but you often need a raster PNG for emails, app icons, social posts or design tools that don't accept vectors. The converter reads your SVG's width, height and viewBox, renders it on a canvas at the scale you choose, and hands you a PNG. All rendering happens in your browser, so your artwork never touches a server.
How to use the SVG to PNG converter
This converter turns SVG vector art into a PNG image at the size you choose. It reads the SVG's width, height and viewBox, draws it on a canvas at 1×, 2×, 4× or an exact width, and saves the result. Use it when an email, app store, social network or design tool will not accept an SVG.
Step by step
-
Add your SVG
Drop a file on the card that says Drop an .svg file here, or click it to browse. You can also paste markup straight into the SVG markup box. The box starts with a 240 by 240 sample so you can try the controls.
-
Choose the size
Under Scale, pick 1× for the SVG's own size, 2× or 4× for sharper copies, or Custom. With Custom, type an Output width (px) from 1 to 8,000. The height always follows the artwork's proportions.
-
Pick the background
Leave White background unticked to keep transparent areas transparent, or tick it to fill them with white.
-
Check and download
The Live preview redraws a moment after each change, on a checkerboard so you can see transparency. Press Download PNG to save the file, or Clear to empty the markup box.
Reading the result
- The line under the preview gives the PNG size and how it was worked out. For the sample at 1× it reads 240 × 240 px PNG · 1× of 240×240; at 2× it reads 480 × 480.
- The file is named after its width, such as image-480w.png, so several exports of one graphic do not overwrite each other.
- Invalid SVG markup means the text could not be read as SVG, usually from a missing closing tag or text pasted around the svg element.
- Could not render this SVG means the markup was read but the browser failed to draw it as an image. Export the file again from your design app, or simplify it, and try once more.
Tips and common mistakes
- When an SVG has no width and height, the tool uses its viewBox for the size, and if it has neither it falls back to 300 × 150. Add a viewBox to get the right shape.
- Images and web fonts that the SVG loads from other addresses are not drawn. Embed them in the SVG, or convert text to outlines in your design app, before converting.
- For app icons and retina screens, export at 2× or 4×, or type the exact width the platform asks for in Custom.
- Some email clients and older apps show transparent areas as black. Tick White background for those.
- The preview is drawn at screen size to stay fast. The full size PNG is made when you press Download PNG, so a very large export can take a moment.
Privacy and limits
The SVG is read and drawn by your own browser on a canvas. Nothing is uploaded and nothing is saved, so reloading the page brings back the sample. Custom widths are capped at 8,000 pixels.
Everything the export should do.
Frequently asked questions.
Is the SVG to PNG converter free?
Are my files uploaded anywhere?
What output sizes does it support?
What if my SVG has no width or height attribute?
viewBox to work out the intrinsic size automatically. If neither the width/height nor a viewBox is present, it falls back to 300 × 150 px.Can I keep the background transparent?
Why won't my SVG render?
<svg> element.Published · Last updated .
