/

SVG to PNG converter

Processed Client Side

Rasterize SVG vector graphics to crisp PNG at any scale, in batch. Pick the resolution and background, and let it render entirely in your browser.

Source
PNG output
Add one or more images to convert them here.

Bookmark this tool now — skip the search next time you need it.

About SVG to PNG converter

This tool runs entirely in your browser. Whatever you paste is processed on your own device and is never uploaded, logged, or sent to any server.

The SVG to PNG converter rasterizes vector graphics into pixel images at whatever resolution you need. It works out each file’s intrinsic size — the rendered size first, then the viewBox, then explicit width and height attributes — and multiplies it by the scale you pick, so a 128×128 icon at 4× becomes a genuinely crisp 512×512 PNG rather than a blurry upscale of a small render. Output is transparent by default, with a solid background available for surfaces that need one. Rendering runs through your browser’s own SVG engine onto a canvas, which means the PNG matches what the browser shows you, and your markup is never uploaded anywhere.

Key features

  • Scale multiplier from 1× to 4×, applied to the SVG’s intrinsic size
  • Intrinsic size resolved in order: the rendered size, then the viewBox, then width/height attributes, with a 512px fallback
  • Transparent output, or flatten the graphic onto a solid background colour
  • High-quality canvas smoothing, so curves and diagonals stay clean at every scale
  • Batch-rasterize a whole icon set in one pass
  • Exact output dimensions shown per file, so you can confirm the export size before saving
  • Changing the scale or background re-renders every file already loaded
  • Save results individually or use Download all
  • Fully client-side — your SVG markup is parsed and rendered in your browser only

How to use it

  1. Drop your .svg files onto the dropzone, or click it to browse.
  2. Pick a scale multiplier — the output dimensions are the SVG’s intrinsic size times that number.
  3. Leave the background transparent, or choose a solid colour to render behind the graphic.
  4. Check the output dimensions listed on each result to confirm you got the size you expected.
  5. Click Save on any PNG, or Download all for the whole set.

Tips & common mistakes

  • Export at 2× for standard retina displays and 3–4× when the asset may be scaled up later. Downscaling a large PNG looks fine; upscaling a small one never does.
  • An SVG rendered this way cannot pull in external resources: web fonts, external stylesheets, and linked images will not load, and scripts do not run. Convert text to paths, or embed fonts and images as data URIs, before exporting.
  • If an export comes out 512×512 unexpectedly, the SVG had no usable intrinsic size. Add a viewBox — for example viewBox="0 0 24 24" — and re-run it.
  • Keep the background transparent for icons and logos. Add a solid colour only when the PNG will sit on a known surface and you want to avoid halo artifacts around anti-aliased edges.
  • The PNG is a fixed-resolution snapshot: keep the SVG as your master and re-export whenever you need a different size.
  • For a favicon set, run the same SVG at several scales and pick the sizes your manifest asks for, rather than resizing one PNG down repeatedly.
  • The scale applies to the intrinsic size, not to a target in pixels — a 1000×1000 SVG at 4× is a 4000×4000 PNG, which is a large file. Check the dimensions on the result before you save.

Related tools

Browse all 11 Image tools

Frequently asked questions

10

Drop your SVG files onto the tool, choose a scale from 1× to 4×, optionally add a background colour, and each file is rendered to PNG. Save any result or download them all.

Scale multiplies the SVG’s intrinsic size, so 2× on a 100×100 SVG produces a 200×200 PNG. Use a higher scale for sharp output on retina and high-DPI screens.

Yes, output is transparent by default. Add a solid background colour only when the PNG will sit on a known surface and you want to avoid halos around anti-aliased edges.

That is the fallback used when an SVG has no usable intrinsic size. Add a viewBox — for example viewBox="0 0 24 24" — or explicit width and height attributes, then convert again.

The SVG is rendered as an image, and images cannot load external resources, so web fonts and linked stylesheets are unavailable. Convert text to paths or embed the font as a data URI before exporting.

Export at twice the size the image is displayed at, so it stays sharp on retina screens. For an icon shown at 48px, that means a 96px PNG.

Yes. Add a whole icon set and every file is rasterized at the same scale and background, then saved individually or with Download all.

No. The markup is parsed and rendered by your own browser onto a canvas. Nothing is sent to a server, which matters for unreleased logos and client assets.

No. SVGs rendered as images run no scripts, and the PNG captures a single static frame — the graphic in its initial state.

No. Rasterizing loses the vector paths, and turning pixels back into vectors is tracing, not conversion. Keep the SVG as your master and re-export whenever you need a new size.