SVG to PNG Converter

Convert an SVG file to a PNG at the scale or exact size you choose — rasterised locally in your browser at full resolution. Your file is never uploaded. Runs entirely in your browser — your numbers never leave this device.

Input

Choose an SVG file to convert

Click to browse, or drag and drop a file here — it never leaves your device.

Scale

No SVG loaded yet. Add a file or paste markup — the PNG is rendered on this device at the scale you choose, and nothing is uploaded.

Two limits are by design, not bugs: an SVG that references external images or fonts cannot load them here — the file is rendered from a local blob and nothing is fetched from the network — and any script inside an SVG does not run when the SVG is loaded as an image, which is how this converter renders it.

How it works

Output pixels = the SVG's intrinsic size (its width/height or viewBox) × the scale you choose — or exactly the width and height you enter | A 24 × 24 viewBox icon at 8× scale = 192 × 192 px

Your SVG is processed entirely in your browser and never uploaded: the file is read on your own device, parsed as vector markup, drawn to a canvas at the size you choose, encoded as PNG and offered back as a download. Nothing reaches a server, and the converter works offline once the page has loaded. Because the source is vector, the output size is a genuine choice rather than a property of the file: the same icon can be rendered at 192 px for a web page or 1024 px for a slide, each rasterised from the vectors, not enlarged from a smaller bitmap.

Sizing works two ways. Scale multiplies the SVG's intrinsic size — taken from its width and height attributes, or from its viewBox when it has no fixed size, which is the common case for icons: a 24 × 24 viewBox at 8× gives exactly 24 × 8 = 192 px on each side. Exact-size mode instead takes the width (and, following the viewBox proportions, the height) you enter, so a deliverable specified as “PNG, 512 wide” is met precisely. Shapes, strokes and gradients are rendered by the browser's own SVG engine, so what converts is what the same SVG shows in a browser tab.

Two limits are worth stating. PNG is a raster: however large you render, the output is pixels, and enlarging the PNG later cannot recover the vector sharpness — keep the SVG as your master and re-render at any new size instead. And an SVG that references external resources (linked images or web fonts) can only render what the browser can reach locally; self-contained SVGs, which is what icon and logo files normally are, convert completely.

Worked examples

An icon at 8× scale

Input: An SVG icon with viewBox “0 0 24 24” and no fixed width/height, scale 8×
Working: Each side multiplies: 24 × 8 = 192. The vectors are rasterised at that size directly.
Result: A PNG of exactly 192 × 192 px

A logo at an exact width

Input: A logo SVG with viewBox “0 0 400 100”, exact width 800 px
Working: The viewBox proportions are 4:1, so height follows: 800 × (100 ÷ 400) = 200 px.
Result: A PNG of exactly 800 × 200 px

A diagram at 2× for slides

Input: An SVG diagram with width 640 and height 480, scale 2×
Working: 640 × 2 = 1280 and 480 × 2 = 960 — rendered from the vectors at slide size, not upscaled from a 640-px bitmap.
Result: A PNG of exactly 1280 × 960 px

Frequently asked questions

Is my SVG uploaded for conversion?

No. The file is read, rendered and encoded entirely inside your browser; it never leaves your device, is never stored or logged, and the converter works offline.

What size should I render at?

The size the destination will display, or twice it for high-density screens: a slot shown at 96 px wants a 192-px PNG. Rendering larger “just in case” costs file size for sharpness nobody sees — and since the SVG stays your master, any future size is one re-render away.

My SVG has no width and height — where does the size come from?

From its viewBox, which defines the coordinate system the drawing lives in. A viewBox of “0 0 24 24” is treated as 24 × 24 units, and scale multiplies from there — 8× is 192 × 192 px, as in the worked example.

Will transparency survive conversion?

Yes. PNG supports an alpha channel and the canvas starts transparent, so any part of the canvas the SVG does not paint stays transparent in the PNG — the standard behaviour icon and logo work relies on.

Why does part of my SVG render blank?

Usually an external reference: an image or font the SVG links to rather than embeds could not be loaded locally, so that element paints nothing. Embed external assets in the SVG (as data URIs or converted paths) and the file becomes self-contained and converts completely.