How to convert an SVG to a PNG

SVG scales to any size without losing sharpness. PNG is what most software will actually accept.

An SVG is a description of shapes, so it renders sharply at any size. A PNG is a grid of pixels at one fixed size. Converting means choosing that size — and because you are starting from shapes, you can choose any size and get a perfectly sharp result.

Step-by-step

1. Add your SVG.
2. Set the output size in pixels.
3. Convert and download.

Choose the size you actually need — and then double it

Export at the pixel size the image will occupy, then export a second copy at twice that for high-density screens. A logo shown at 200 pixels wide should also exist at 400, or it will look soft on most modern displays.

Since the source is vector, the larger export costs you nothing in quality.

Transparency is preserved

PNG supports transparency, so an SVG with no background produces a PNG with a transparent one. If you need a solid background, set it before converting rather than fixing it afterwards.

When fonts go wrong

An SVG referring to a font by name relies on that font being available when it renders. If it is not, a substitute is used and the text shifts or changes shape. If your SVG contains text and the output looks wrong, the fix is to convert the text to paths in your drawing program before exporting — after which it is shapes, and no font is needed.

Frequently asked questions

What size should I export?

The size it will be displayed at, plus a second copy at twice that for high-density screens. There is no quality cost to exporting large from a vector source.

Is transparency kept?

Yes. PNG supports an alpha channel, so an SVG without a background produces a PNG with a transparent one.

Why does the text look different in the PNG?

The SVG references a font that was not available when rendering, so a substitute was used. Convert text to paths in your editor before exporting to make it independent of fonts.