SVG to PNG converter
Rasterise SVG icons and illustrations to PNG at 1× to 4× or an exact width, with a transparent or white background.
Or choose them. Files are processed in this tab and never uploaded to any server.
App stores, email clients, Office documents and most chat apps still refuse SVG, so the logo or icon you have as vector art needs a PNG copy — often at 2× or 3× for high-density screens. This draws each SVG with your browser's own SVG engine, directly at the target size, so edges stay sharp at any resolution, and it reads the file's width, height and viewBox to get the proportions right even when the SVG itself is vague about them.
How it works
- Size comes from the width and height attributes in any unit (px, pt, mm, in), from the viewBox when they are missing, or from the 300 × 150 default that browsers use when there is neither.
- Before drawing, the SVG root is given explicit pixel dimensions and, if it lacks one, a viewBox — the fix for files that render blank or at the wrong size inside an image.
- Several files can be converted in one go, each named with its scale such as logo@2x.png, and the background stays transparent unless you choose white.
Where your data goes
Nowhere. This tool runs entirely in your browser: the text you paste is processed by the page and is never transmitted to a server or written to a log.
This tool is free and needs no account. Its results exist only in your open page and are not saved anywhere.
What it costs
This tool is free, with no sign-in and no points.
Common questions
- Why is my PNG missing text or images?
- An SVG drawn as an image is sandboxed: it cannot fetch external fonts, linked bitmaps or stylesheets, and any script is ignored. Text in a font your system lacks falls back to a default. Convert text to outlines and embed images as data URIs in your editor, then export again.
- Which scale should I pick?
- 1× gives the SVG's own size, 2× suits retina screens and most app-store and social-media uses, and 3× or 4× suits large print or zooming. For a target such as a 1024-pixel app icon, choose a fixed width instead and the height follows the aspect ratio.
- Why does the PNG look different in another program?
- Each renderer implements SVG slightly differently, especially filters, masks and text layout. This tool uses the browser's engine, which is the one your SVG was most likely checked in. canvg/canvg reimplements SVG rendering in JavaScript for when you need the same conversion in code.
The open-source behind it
This tool is a self-contained implementation. canvg/canvg (MIT) does the same job as a library — if you need this behaviour inside your own program, start there rather than calling a web page.
canvg/canvgAlso known as
- svg to png
- convert svg to png
- svg to png high resolution
- svg to png transparent
- svg converter
- export svg as png