Browser processing Input is processed on your device. Privacy & storage

SVG to PNG

Drop an SVG or paste the markup, pick a width and scale — get a crisp PNG back, rendered on your device.

SVG source

Drop an .svg file here, or click to choose

Rasterised locally with the browser's own SVG renderer

PNG output
Width: px Scale:

PNG preview appears here.

Why rasterize an SVG at all

SVG scales losslessly, which is why it is the right format for logos, icons and diagrams on the web. But plenty of destinations only accept a bitmap: an avatar upload that rejects image/svg+xml, a slide deck, a print shop, an email signature, a marketplace listing, or an old CMS. Converting locally avoids the usual trap of uploading your brand assets to an anonymous server.

The conversion uses the browser's own SVG engine — the same renderer that draws the file on a page — so gradients, filters, masks, clip paths and web fonts resolve exactly as they do live. Rendering at 2x or 4x and then scaling down is the standard trick for sharp results in presentations and print; a transparent background is preserved for PNG, or you can flatten it onto any colour.

FAQ

What size will the PNG be?

If your SVG has a width/height or a viewBox, that intrinsic size (times the scale) is the output size. Set the width field to override it — the height follows the aspect ratio automatically.

Why is part of my SVG missing?

External references cannot be fetched by a local renderer: remote images, remote stylesheets, or fonts linked from a CDN. Inline the assets (a base64 data: URI works) or embed the CSS in the SVG's own <style> tag.

Do scripts inside the SVG run?

No. The SVG is rendered through an isolated image pipeline, so JavaScript, event handlers and external links inside it are never executed — which is exactly why this is safer than opening the file directly.

Can I convert to JPG or WebP instead?

Use the Image Converter for that — it takes the PNG (or any other image) and re-encodes it, with quality control for the lossy formats.