Convert SVG to PNG

Rasterise vector SVG artwork into a transparent PNG bitmap, using the size declared in the file.

Rasterise a vector SVG into a transparent PNG bitmap at the size declared inside the file, rendered by the browser's own SVG engine — no server, no plugin.

Processed in your browser

Drop your image here

or choose an image from your device

Choose an image

Accepts SVG files · No fixed size limit — we adapt to what your device can handle. Very large files may take longer or show a warning.

About SVG to PNG

Where the output size comes from

The PNG's dimensions come directly from the width, height or viewBox declared in the SVG's markup, not from any setting in this tool. A file with a small declared viewBox produces a small bitmap — enlarging that afterwards just blurs it, so the fix is increasing the SVG's own dimensions before converting.

What is and isn't rendered

The SVG is rendered as an isolated image: any scripts or remote references inside it don't execute, which keeps the conversion private and safe. Text that relies on a font by name needs that font installed in the browser doing the rendering; text already converted to paths always renders exactly as designed.

Settings and output

There is no size control here

The tool intentionally matches the SVG's declared dimensions rather than letting you type an arbitrary output size, so what you get is predictable. If you need a specific pixel size, edit the SVG's width/height attributes first, or resize the resulting PNG afterwards.

When to use it

Turning a vector logo or icon into a bitmap for tools and forms that don't accept SVG.
Producing a fixed-size PNG asset from a scalable icon set.
Getting a transparent raster version of vector artwork for a document or slide deck.

Limitations to know

Output resolution is fixed by the SVG's own declared dimensions — there's no upscale control.
SVGs referencing external fonts by name may render differently if that font isn't installed in your browser.
Very complex SVGs (heavy filters, huge path counts) can be slow to rasterise in the browser.

Common problems and fixes

The PNG came out much smaller than I expected.

It matches the width and height (or viewBox) declared in the SVG file, which is often smaller than the on-screen size the SVG was designed to display at. Increase those values in the SVG before converting.

My upscaled PNG looks blurry.

Bitmaps have a fixed pixel grid once created. Increase the SVG's declared dimensions and re-convert rather than resizing the PNG afterwards.

Text in my SVG rendered with the wrong font.

The SVG referenced a font by name that isn't installed in your browser. Convert the text to paths in your vector editor before exporting the SVG for the most reliable result.

How to use it

1Drop an SVG file onto the upload area. The XML is read locally and rendered by the browser's own SVG engine.
2Check the reported dimensions — they come from the width, height or viewBox declared inside the file.
3Press Convert. The vector artwork is rasterised onto a transparent canvas and encoded as PNG.
4Download the PNG. Anywhere that can't read vectors will now display your artwork.

Frequently asked questions

What size will the PNG be?

It matches the size declared in the SVG. If the file only declares a small viewBox you'll get a small bitmap. Scaling that up afterwards blurs it, so increase the SVG's width and height before converting.

Is the background transparent?

Yes, unless the SVG itself paints a background rectangle. The canvas starts fully transparent and PNG keeps that alpha channel.

Why did my fonts render differently?

An SVG that references a font by name relies on that font being installed. Text converted to paths always rasterises exactly as designed — that's the safest way to prepare an SVG for conversion.

Are external images or scripts inside the SVG loaded?

No. The file is rendered as an isolated image, so remote references and scripts don't execute. That keeps the conversion private and safe.

Can I get a PNG at a specific pixel size regardless of the SVG's viewBox?

Not directly in this tool — edit the width and height attributes in the SVG file itself before uploading, since the rasteriser follows whatever the file declares.

What happens to SVG gradients, filters and clip paths?

They render exactly as the browser's SVG engine draws them on screen, including gradients, blurs and clipping — the same rendering used to display the SVG in a browser tab is used to produce the bitmap.

Can I convert an SVG that uses CSS animations?

The output is a single static frame — whatever state the artwork is in in the very first render is what gets captured, since PNG has no concept of animation.