Tools/Image Conversion/SVG to PNG Converter

SVG to PNG Converter – Convert SVG to Transparent PNG

Convert an SVG to a transparent PNG at the SVG's own size (its width and height, or its viewBox), or scaled 2× or 3×.

If this tool isn’t working as expected, please take a screenshot of the error and report the problem here so we can investigate and improve it.

About this tool

Rasterizes an SVG into a PNG at the pixel size the file declares: its width and height (in px, pt, pc, mm, cm or in), or its viewBox when those are missing or given in percent. With neither, the PNG is 300×150.

The background stays transparent. A 24×24 icon gives a 24×24 PNG at the default 1×; choose 2× or 3× for a bigger image, or set a larger width and height in the SVG first.

Your SVG is not uploaded.

Fonts and images that an SVG links to from outside the file aren't loaded when it is drawn, so text in a font that isn't installed on your device may appear in a substitute font. Convert text to outlines, or embed the font, in your vector editor for predictable results.

How to Use SVG to PNG Converter

Choose an SVG

Pick an Output size first: 1× keeps the SVG's own size, 2× and 3× multiply it. Then select an .svg file from your device.

Rasterize

The size is read from the SVG's width and height, or from its viewBox. With neither, the PNG is 300×150.

Compare

Look at the PNG next to the original SVG. The background stays transparent.

Download PNG

Save the file. It is named like logo_converted_codittools.png.

Common Workflows

Exporting an icon at a specific size

Edit the width and height on the SVG's root element, for example to 512, then convert. The PNG matches those numbers.

Making a PNG for a place that rejects SVG

Email builders, some social platforms and older editors don't accept SVG. A PNG with a transparent background works in them.

Examples

A viewBox-only icon

SVG

<svg viewBox="0 0 24 24"> … </svg>

PNG

24×24 PNG, transparent background

With no width or height, the viewBox gives the size. Small icons give small PNGs.

An SVG with no size information

SVG

<svg xmlns="http://www.w3.org/2000/svg"> … </svg>

PNG

300×150 PNG, transparent background

With no width, height or viewBox, the tool falls back to 300×150.

Sizes in other units

SVG

<svg width="1in" height="0.5in"> … </svg>

PNG

96×48 PNG

Units are converted at 96 pixels per inch.

Limitations

Only 1×, 2× or 3× of the SVG's size

There is no field for an exact pixel size. Pick 1×, 2× or 3× before uploading, or edit width and height in the SVG. The longest side is capped at 8192 pixels.

External fonts and images aren't loaded

Only what is inside the SVG file is drawn.

Invalid files are rejected

An empty file, malformed XML or a file whose root element isn't svg shows an error and returns you to the upload box.

FAQs

The PNG size comes from the SVG itself, and you can scale it to 2× or 3×. These answers deal with size, transparency and text rendering.

What size will my PNG be, and can I change it?

The size comes from the SVG's width and height, or its viewBox if those are missing or in percent, and falls back to 300×150. The Output size choice above the upload box makes it 2× or 3× that size; for an exact size, edit the width and height on the SVG's root element before uploading. The longest side is capped at 8192 pixels.

Does SVG to PNG keep the transparent background?

Yes. Areas of the SVG with no fill stay transparent in the PNG. If you need a flat background for a document or slide, SVG to JPG fills it with white.

Will text in my SVG render correctly?

Text that uses a font installed on your device renders in that font. An SVG that points to a web font outside the file can't load it, so the text may appear in a substitute font. Converting text to outlines, or embedding the font in the SVG, avoids this.

Get more tools like this

Leave your email so we can prioritize similar tools and updates.