Last updated: October 2026
How do I convert SVG to PNG?
Short answer: Upload your .svg file or paste the SVG code into the tool above, choose a size — 1x for the native size, 2x/3x for sharper output, or a custom width in pixels — then press Download PNG. Everything runs in your browser; the file never leaves your device.
How to convert SVG to PNG — step by step
- Add your SVG. Tap the upload box to choose an .svg file (or drag & drop it), or switch to the "Paste code" tab and paste your SVG markup.
- Pick an output size. 1x renders at the SVG's native size. 2x and 3x multiply it for crisp retina displays and print. A custom width sets the exact pixel width — the height follows the aspect ratio automatically.
- Check the preview. The tool validates your SVG, renders a live preview, and shows the exact output dimensions before you download.
- Download. Press Download PNG. Transparency is kept by default; tick the white-background option if you need a solid background.
New to the format? MDN's SVG getting-started tutorial explains how SVG markup works.
When to use SVG vs PNG
| Use SVG when… | Use PNG when… |
|---|---|
| Logos and icons on a website (infinitely scalable, tiny files) | Uploading to platforms that reject SVG (Amazon, Etsy, Word, email) |
| You need to recolor or restyle with CSS | Sharing on social media or messaging apps |
| The graphic must stay razor-sharp at any zoom | You need a fixed pixel size for print or a document |
Frequently asked questions
What scale should I choose when converting SVG to PNG?
SVG is vector, so it scales perfectly with no quality loss. Use 1x for the SVG's native size, 2x or 3x for sharper retina and print output, or type a custom width in pixels when you need an exact size — the height scales automatically to keep the aspect ratio.
Will the transparent background of my SVG be preserved?
Yes. Transparency is preserved by default, and the preview shows it on a checkerboard background. If you need a solid background instead, tick the "white background" option before downloading.
Is my SVG file private?
Completely. The conversion happens locally in your browser using JavaScript and the canvas API — your SVG is never uploaded to a server, stored, or tracked.
Why do some images or fonts inside my SVG not show up in the PNG?
Browsers block external resources when rasterizing an SVG for privacy reasons: linked image files, web fonts (like Google Fonts), and external stylesheets won't load. To fix it, embed images as data URIs inside the SVG and convert text to outlines before converting.
What is the maximum PNG size?
Output is capped at about 16 megapixels (for example 4000 × 4000 px) to stay within what browsers can safely render. If your settings exceed that, the tool scales the output down proportionally and tells you.