Web tools

SVG to PNG Converter

Convert SVG markup or files to PNG downloads in your browser. Free online tool — no sign-up. Nothing is uploaded.

Loading tool…

Loading Preparing tool…

How to use

Follow these steps for a clear answer.

Drop SVG markup or choose a .svg file from your device.

Optionally scale the raster (1×–4×) for sharper PNG output.

Preview then download—conversion stays in your browser.

Version 1.0.0 · Last reviewed 2026-07-29

Definition: SVG to PNG conversion rasterizes vector SVG into a bitmap PNG for use where vectors are not supported.
What it calculates: SVG markup/file → canvas raster → PNG download.
Inputs: SVG text or .svg file
Optional scale factor (1×–4×)
Outputs: PNG preview
PNG download
Pixel dimensions
Formula: draw SVG into canvas at (width×scale)×(height×scale) → canvas.toBlob(image/png)
Paste SVG markup or pick a .svg file, then download a PNG. Conversion runs in your browser—nothing is uploaded.

Tip

Use a higher scale (2×–4×) when you need a crisp PNG for retina displays or print-ish previews.
Assumptions: Browser must be able to decode the SVG as an image.
Runs locally; files are not uploaded.
Units: Output: PNG pixels (width × height)
Boundary conditions: Empty SVG → error.
Missing size → defaults to 300×150 if not inferable.
Example: <svg width="100" height="100">…</svg> @2× → 200×200 PNG
Validation cases: valid SVG with width/height → PNG preview and download
Sources: SVG 1.1 / HTML canvas drawImage
Last reviewed: 2026-07-29
Calculation version: 1.0.0

Key distinctions behind the tool.

Are files uploaded?

No. Rasterization uses the browser canvas and stays on your device.

Why is my PNG blank?

External images or fonts in the SVG may be blocked by the browser. Inline paths/shapes and embedded data URIs work best.

How do I get a sharper PNG?

Increase the scale (e.g. 2× or 3×) so the canvas is larger than the SVG’s intrinsic size.