Skip to content
Rasterised locally — nothing is uploaded

SVG to PNG

Rendered from the vector source at the exact size you pick — so a 4× export has 4× the real detail, not stretched pixels. Transparency preserved.

Drop an SVG

or click to browse — logos, icons, illustrations

Your images never leave your device

Rendered from vector
Stretched bitmap
Stretched bitmap Rendered from vector
The same logo at 4× — a stretched export vs a vector render

SVG to PNG in three steps

1.Drop an SVG

It's read and rendered right in your browser — never uploaded.

2.Pick a size

1×, 2×, 4× or an exact pixel width — the vector renders sharp at any of them.

3.Download

PNG keeps transparency; JPG fills white. Free and watermark-free.

Rasterising vector art without losing the edges

Why exports from other tools come out soft

An SVG has a nominal size in its width, height or viewBox attributes, and many converters rasterise at that size and then scale the resulting bitmap to whatever you asked for. The vector is only consulted once, at the small size, and everything after that is a bitmap being stretched.

Rendering at the target size instead means the curves are evaluated at the resolution you actually want, so a 4x export contains four times the real detail rather than four times the pixels. The difference is most obvious on diagonal edges and small text, which is where stretched bitmaps go to pieces.

Fonts are the usual surprise

SVG text is not shapes — it is characters plus a font name, resolved at render time. If the file names a font that is not available where it is rasterised, a fallback is substituted and the text reflows: different widths, different line breaks, sometimes overlapping other elements.

The fix belongs in the SVG rather than in the converter. Converting text to outlines in your vector editor before export makes the file self-contained and immune to this, at the cost of no longer being editable as text. For a logo destined for export that is almost always the right trade.

External references do not travel

An SVG can reference images by URL rather than embedding them, and can pull in webfonts and stylesheets the same way. Rasterised in isolation, those references produce blank rectangles and fallback type, because nothing is fetched.

Embedding raster content as a data URI inside the SVG makes it self-contained. It grows the file, but the file then renders identically everywhere, which is the entire point of handing someone a vector.

Transparency and what JPG does to it

PNG output keeps the alpha channel, so an icon exported at any size drops onto any background cleanly. That is normally what you want from vector art.

Exporting the same artwork as JPG flattens transparency onto white, and the result is a white box wherever the artwork was transparent. If the destination cannot take PNG, fill the background with the colour it will actually sit on rather than accepting the default.

Frequently asked questions

How do I convert an SVG to PNG?
Drop an .svg file here, pick a size (1×, 2×, 4× or an exact pixel width) and download a crisp PNG. The browser rasterises the vector directly, so edges stay perfectly sharp at any scale.
Why does my SVG export blurry from other tools?
Because they rasterise at the SVG's nominal size and then stretch the bitmap. This tool renders the vector at the exact output size you choose, so a 4× export has 4× the real detail.
Does it keep transparency?
Yes — PNG exports keep a fully transparent background by default, or you can fill it with any colour. JPG export fills with white automatically.
Is my SVG uploaded?
No. The file is read and rendered entirely in your browser — nothing is sent to a server.
What about fonts and embedded images inside the SVG?
SVGs that embed their images and use standard system fonts render exactly. An SVG that references external files or webfonts may render with fallback fonts, since the browser rasterises it in isolation.

Export here and keep editing there — your image carries over, with no re-upload.