Skip to main content
Image Tools

SVG to PNG Converter

Export any SVG as a PNG up to 8× its size, with transparency intact. Nothing leaves your browser.

How to Use

  1. 1. Upload an SVG file, or paste the SVG code directly.
  2. 2. Choose an export scale — 2× or higher for crisp results.
  3. 3. Keep transparency, or pick a solid background colour.
  4. 4. Convert and download the PNG.

Vector to Raster, Without Losing Quality

An SVG describes shapes mathematically, so it has no resolution of its own — it looks identical at any size. A PNG is a grid of pixels, so the moment you convert, you are committing to one size. That is the whole trade: you gain compatibility everywhere and lose the ability to scale up later.

Which is why the export scale matters more than anything else on this page. Rendering at 1× produces exactly the pixel dimensions written in the SVG, which is usually too small for a modern screen. Because the source is vector, exporting at 2× or 4× costs nothing in quality — the renderer simply draws the same shapes onto a bigger canvas.

Two things do not survive the trip. Fonts referenced by name render with whatever is installed at conversion time, so convert text to paths in your editor first if the typeface matters. Externally referenced images and scripts are blocked for security reasons and will come out blank.

Related: Image Format Converter, Favicon Generator, and Image Resizer.

Frequently Asked Questions

Why would I convert an SVG to PNG?

Because plenty of places still refuse SVG. Email clients strip it, older office software will not place it, some marketplaces and app stores require raster uploads, and social previews need a fixed bitmap. A PNG works everywhere, at the cost of being tied to one resolution.

What scale should I export at?

Match it to where the image will be used. 1x matches the SVG’s own dimensions, 2x is the usual choice for high-density screens, and 3x or 4x is worth it for print or when the image will be scaled up later. Since the source is vector, a higher scale costs nothing in quality.

Does it keep transparency?

Yes, by default. PNG supports an alpha channel, so anything transparent in the SVG stays transparent. Turn transparency off and pick a colour if you need a solid background instead.

Why do my fonts look wrong in the PNG?

An SVG that references a font by name relies on that font being available when it is rendered. If it is not installed, the browser substitutes another. Converting text to paths in your editor before exporting the SVG avoids this entirely.

Is my file uploaded anywhere?

No. The SVG is rendered to a canvas inside your browser and the PNG is generated locally. Nothing is sent to a server at any point.

Was this tool helpful?

Share: