🧬 SVG to PNG

Step-by-step

1. Choose your SVG files Drag them in or click to select — several at once is fine. The SVG is rendered by your browser, so the result matches exactly how it displays on a web page.
2. Enter the output width This is the whole point of vectors — there is no original resolution to be limited by. Whatever number you type is what you get, sharp at any size. 512 for a web icon, 3000+ for print. Height follows the original ratio.
3. Pick a format and background For transparency choose PNG or WebP and tick "keep transparency". JPG always has a background because it has no alpha channel, so pick a colour that suits where it is going.
4. Run it and download The filename carries the output width, e.g. logo-1024.png. Need several sizes? Change the width and run again — the source is untouched.

When you would use this

Vector versus raster

An SVG is a set of instructions: draw a line from here to there, fill this region blue. Because it describes shapes rather than pixels, it can be recalculated to fit any size and stays sharp forever.

A PNG is a grid of pixels. Once converted, the size is fixed, and enlarging means guessing what the pixels in between should look like — which is what "blurry" means.

So the correct workflow is to keep the SVG as the master and export whatever size you need, rather than exporting one big PNG and resizing that around.

Text is where things go wrong

By default, text in an SVG says "display these characters in this font" rather than carrying the shapes themselves. That means anyone opening the file without that font sees something different.

Converting text to outlines before exporting solves it permanently — the text becomes pure paths with no font dependency at all. The trade-off is that the wording can no longer be edited, so keep an un-outlined master too.

What width to use

• Web icons — 512px is plenty, scaled down with CSS
• Social posts and covers — 1200–2000px
• Slides and projection — 2000px or more; projectors resolve better than people expect
• Print — at 300 DPI: centimetres ÷ 2.54 × 300

When unsure, go larger. Enlarging a vector costs nothing, and if the file ends up heavy you can always run it through Compress Image.

Frequently asked questions

What you might need next

Image work rarely ends in one step. These pair up with SVG to PNG most often:

• ⭐ Favicon Generator — Every size plus a real .ico file
• 📐 Resize Image — By width, percentage, or exact size
• ⚡ PNG to WebP — Typically 30%+ smaller files

Want to share the result? Upload turns images, photos, or videos into a short link with optional password, expiry, and view limits. Or head back to all 12 tools.