SVG to PNG Converter

One input per line. Output is numbered to match the input order.
Pinned tools are listed in your favourites on the home page.Copies a link to this tool that carries your current input, so it opens ready to run.Gives you an iframe snippet for putting this tool on your own site.
Drag & drop an .svg file here, or click to browse
Scale

Rasterizing happens on a canvas in this tab: the SVG is never uploaded and the PNG never leaves your device. SVGs that carry scripts, inline event handlers or <foreignObject> are refused rather than rendered.

Ctrl+Enter Run  · Ctrl+Shift+C Copy  · Esc Clear

Understand SVG to PNG Converter

Rasterizes pasted SVG markup into a downloadable PNG at a size and scale you choose, entirely in the browser.

How it works

The markup is loaded as an image and drawn into an HTML canvas of the chosen pixel dimensions, then exported as PNG. Because SVG is resolution-independent and PNG is not, the scale factor is the whole decision: rendering a 200×200 icon at 3× produces a 600×600 bitmap that still looks sharp on a high-density display, while 1× will look soft there. The output is fixed pixels from that moment on — resizing the PNG afterwards degrades it, whereas the source SVG could have been rendered at any size.

When to use it

  • Producing a raster favicon, app icon, or social preview image from a vector source
  • Supplying an image to a tool, email client, or marketplace that does not accept SVG
  • Exporting a chart or diagram from an SVG-based library for a slide deck or a document
  • Generating 1×, 2×, and 3× assets from one vector file

Watch out for

  • An SVG with no width, height, or viewBox has no intrinsic size, so the rasterizer has nothing to scale from. Add a viewBox to the root element before converting.
  • External resources do not load inside an SVG being rasterized. Web fonts referenced by an @font-face rule, and images referenced by URL, are typically not fetched — convert text to paths first, or your labels will render in a fallback font or not at all.
  • Transparency survives but the background does not appear. An SVG with no background rectangle exports as a PNG with a transparent one, which looks like a missing image on a dark surface.
  • PNG is usually the larger file. A flat vector icon that is 2 KB as SVG can be 40 KB as a 3× PNG, so convert only when the target genuinely cannot take a vector.

Not the right tool for: Anything that stays on the web and can accept a vector. An SVG scales to every display, is smaller, and can be styled with CSS — rasterize only when the destination forces it.

Frequently Asked Questions

How do I convert an SVG to PNG?

Paste the SVG markup or drop an .svg file, choose a scale factor or type an exact width and height, then click Convert to PNG and download the result. The whole conversion runs on a canvas in your browser, so the file is never uploaded.

How do I export an SVG at high resolution?

Because SVG is vector, output size is your choice: use the 4× or 8× buttons, or enter a width such as 2048 and let the height follow the aspect ratio. Unlike scaling up a PNG, this re-renders the vectors, so edges stay sharp at any size.

Why does my SVG render with the wrong fonts or missing images?

Rasterizing happens in an isolated image context that cannot fetch external resources, so web fonts and linked images are not loaded. Convert text to paths and embed images as data URIs before converting, and the PNG will match the original exactly.

How to Use SVG to PNG Converter

  1. Paste or type your input in the input area above.
  2. The tool processes your input automatically or click Run.
  3. Copy or download the result using the action buttons.
  4. Use Ctrl+Enter to run quickly from the keyboard.