Page & Bell

SVG to PNG Converter

Drop an SVG (or paste its markup), set the width you want, and download a PNG at exactly that resolution — with the background transparent by default. Because SVG is vector, the converter rasterizes it at your chosen size rather than scaling a fixed bitmap, so a 24-pixel icon exports as a razor-sharp 1024-pixel PNG with no blur. It all runs on a <canvas> in your browser; the file is never uploaded, which matters for brand assets and unreleased logos.

Drop an .svg file or click to choose

Rasterized in your browser — nothing is uploaded.

How to use the svg to png converter

  1. Drop an .svg file or paste the <svg> markup directly.
  2. The intrinsic size is read from the width/height or viewBox; set the output width and the height follows the aspect ratio.
  3. Use the 1×/2×/4× buttons for quick high-resolution exports, and toggle a transparent or white background.
  4. Click Convert, then Download the PNG.

Why you set the size before converting

An SVG has no fixed pixel resolution — it's a set of drawing instructions that look perfect at any size. A PNG, by contrast, is a grid of pixels frozen at one resolution. The moment you convert, you choose that resolution, and there's no getting detail back afterward. That's why this tool asks for a width up front and renders the vector freshly at that dimension: export at 32 px for a UI icon, at 512 px for an app store listing, or at 2× your display size for crisp retina rendering. Converting once at 1024 px and then shrinking elsewhere is fine; converting at 64 px and trying to enlarge later is not — the PNG is just pixels by then.

When to rasterize — and when to keep the SVG

Keep the SVG whenever you can: it's smaller for simple graphics, scales infinitely, stays crisp on every screen, and can be styled with CSS. Convert to PNG when something on the other end can't read SVG — and several common places can't:

  • Social and Open Graph images: platforms require PNG or JPG for link previews and never render SVG.
  • Email: most clients strip or ignore inline SVG; a PNG renders everywhere.
  • Favicons for older browsers and app icons, which expect raster formats at fixed sizes.
  • Office docs and image editors that import PNG cleanly but mangle or rasterize SVG unpredictably.

Need that PNG turned into a multi-size favicon next? Hand it to the favicon generator. Need a different raster format? The image format converter handles PNG ⇄ JPG ⇄ WebP.

Transparency and fonts: two things to check

PNG supports transparency, so by default any area your SVG doesn't paint stays see-through — exactly what you want for a logo that sits on colored backgrounds. Switch to a white background only if the destination needs an opaque image. The one common surprise is fonts: if your SVG references a font by name that the browser doesn't have, the text renders in a fallback face. Convert text to paths/outlines in your design tool before exporting the SVG, or embed the font, so the PNG matches your intent exactly.

Frequently asked questions

Is my SVG uploaded to convert it?

No. The markup is rendered to a canvas and exported as PNG with canvas.toBlob, entirely in your browser. Nothing is sent to a server, so logos, icons, and unreleased brand assets never leave your device — you can even work offline after the page loads.

How do I convert an SVG to a high-resolution PNG?

Set a large output width — the converter rasterizes the vector freshly at whatever size you choose, so there's no quality ceiling from the source. Use the 2× or 4× buttons, or type an exact width like 1024 or 2048. Because SVG is resolution-independent, the result is sharp at any size you pick.

Will the PNG keep a transparent background?

Yes, by default. PNG has an alpha channel, so any region your SVG leaves unpainted exports as transparent. Uncheck 'Transparent background' if you instead need a solid white background — useful when the destination can't handle transparency, like some document editors.

Why did my export fail with a 'tainted canvas' error?

Your SVG references an external image or font from another domain. Browsers refuse to export a canvas that has loaded cross-origin resources, for security reasons. Inline those resources into the SVG (embed images as data URIs and convert text to outlines) and the export will work.

My SVG has no width or height — what size will the PNG be?

The tool reads the size from the viewBox if width/height attributes are missing, and falls back to a default if neither exists. You can always override the output width directly, and the height follows the aspect ratio automatically, so a missing intrinsic size never blocks the conversion.

Related tools

Learn more