SVG tools

SVG to PNG

Rasterize SVG files to PNG, on your device. Drop as many as you like.

Runs on your device. The file is never uploaded.

SVG to PNG rasterises each file with resvg at the scale you give, 1 by default, and swaps the extension so logo.svg comes back as logo.png. Leave the background colour blank and the PNG stays transparent behind whatever the document draws. Letters come from the bundled Liberation Sans rather than any installed font, so the shapes differ.

Input

Options

Questions

How do I control the output size?

With the scale setting, which multiplies the SVG's own width and height and defaults to 1. Set it to 2 for a double-resolution export, or 0.5 for half. Scale must be a number greater than zero. There is no separate width or height field: the SVG's own dimensions are the starting point.

Why does my text look wrong, or draw as empty boxes?

Because the renderer reads none of the fonts installed on your device. Every glyph is drawn with the bundled Liberation Sans, in regular, bold, italic and bold italic, and every generic family name is pointed at it, so an SVG asking for Futura gets Liberation Sans and the letter shapes differ. Liberation Sans has no CJK or emoji coverage, so those characters draw as empty boxes. Convert text to paths before converting if the exact lettering matters. The result says how many text elements were affected.

Is the background transparent?

By default, yes: the background colour setting is blank, which leaves the PNG transparent wherever your SVG draws nothing. Put a colour in that field to fill it instead, which is what you want when the image is going somewhere that will show it on a dark background.

Are linked images inside my SVG loaded?

No. The renderer is resvg compiled to WebAssembly and it has no network stack, so an image element pointing at a remote URL resolves to nothing rather than being fetched. It does not hang or error either; that part of the drawing is simply absent. Inline the image as a data URI if you need it in the PNG.

What are the files called, and how many can I do at once?

As many as you like: each SVG is rasterized separately and comes back as its own PNG named by swapping the extension, so logo.svg becomes logo.png. The engine, the WebAssembly module and the fonts are all served from this site rather than from a CDN, so nothing about your file or the tool touches a third party.

How do I make the SVG itself smaller instead?

Use Optimize SVG, which runs svgo and gives you a smaller SVG rather than a raster image. Rasterizing here is a one-way step: a PNG has pixels, not shapes, so there is no route back to an SVG from the result.

Related SVG tools