Home / Free Image Tools / Free SVG to PNG Converter

Free SVG to PNG Converter

Convert SVG vector files to sharp PNG images at the size you choose, with an optional background colour.

When a vector is not allowed in

SVG is the ideal format for logos and icons, because it stays razor sharp at any size and the files are tiny. But plenty of places refuse it: email clients, many social networks, presentation software, print shops and upload forms that only want pictures. When that happens you need a PNG, and you need it at the right size. This converter renders an SVG at the width you choose, with a transparent or coloured background, and saves it as PNG, JPG or WebP.

How to convert, and where to put the SVG

Drop the SVG file on the box, or paste the SVG code into the code field.
Set the output width in pixels, or leave it on Auto to use the size defined in the SVG.
Pick a scale of 1x to 4x. 2x is the default.
Choose a background: transparent, white or a custom colour.
Choose PNG, JPG or WebP, click Convert, then Download.

Working out the right size

The final width is the output width multiplied by the scale. If you enter 512 and choose 2x, you get a picture 1024 pixels wide, and the height follows the proportions of the SVG. Think about where it will be used.

A button or icon in a web page: 64 to 128 pixels, at 2x for sharp screens.
An app icon or profile picture: 512 to 1024 pixels.
A logo for slides and documents: 800 to 1600 pixels.
A logo to print at 5 cm wide at 300 DPI: about 600 pixels.

There is no quality loss from making the PNG bigger, because it is drawn fresh from the vector shapes at the size you ask for. When in doubt, choose larger. You can always shrink a PNG later.

Transparent background, and what to choose

Choose transparent when the image will sit on a coloured or patterned background, such as a logo on a slide or a website header. Then save as PNG or WebP, since JPG cannot hold transparency. Choose white or a custom colour when the destination does not support transparent images, or when you want a solid button-like tile. If you choose JPG, a background colour is applied automatically, as the format needs one.

When the result looks wrong

The font changed. Text in an SVG uses fonts installed on your device. If the SVG uses a font you do not have, a different one is substituted. The fix is to convert the text to outlines in your design software before exporting the SVG.
Part of the picture is missing. SVGs that link to outside images or fonts may render without them, because a browser draws them in isolation.
The size is odd. An SVG without width, height or a viewBox may render at a default size. Set an output width yourself to fix it.
Fuzzy edges. Enter a bigger width or a higher scale.

A worked example: one logo, three destinations

You have a logo as an SVG. For a slide deck you export it at 1200 pixels wide with a transparent background. For a social profile you export it at 1024 by 1024 with a solid brand colour behind it, since the platform will round or crop it. For a favicon you export it at 512 pixels and pass it to the favicon generator. One SVG, three PNG files, each at the right size for its job, and all perfectly sharp because they were drawn from the vector rather than enlarged from a small picture.

Tidying the SVG first

Before converting, make sure the SVG is self-contained. Convert text to outlines, embed any images it uses rather than linking to them, and give it a proper viewBox so the proportions are clear. An SVG prepared this way renders the same everywhere, and converts to PNG without surprises.

Keep the SVG as your master

A PNG is a snapshot at one size. Keep the SVG as the original, and make new PNGs from it whenever you need a different size. For website icons, run your PNG through the favicon generator. If you want the PNG embedded in code, the image to Base64 converter turns it into a data URI. And if a PNG turns out too heavy for an upload, shrink it with the image compressor.