SVG to PNG Converter

Continue in the tool

More pages for this tool

SVG rasterization to PNG

convert svg to png

Convert SVG to PNG

Drag in the .svg file, pick a scale (1x to 4x) or a width in pixels and download the PNG. The preview shows the result before you download.

How the PNG size is decided

An SVG has no pixels: it describes shapes inside a viewing box (the viewBox). A PNG needs pixels, so you pick a size, and the tool draws the vector into it. There are two ways. With "Scale", the SVG natural size is multiplied by 1, 2, 3 or 4 (a 24 by 24 icon becomes 96 by 96 at 4x). With "Fixed width", you fix the number of pixels and the height follows the drawing proportion. The output ceiling is 8,192 px wide, and SVG files up to 20 MB.
How to pick the size: for an image that will appear at 100 px on the page, export at 200 px (2x) for high-density screens; for an app icon, the usual sizes are 512 or 1024 px; for print, work out the pixels from the size in inches times 300 dots per inch. A PNG scaled up after export looks blurry, because it now has fixed pixels. If you need more size, re-export from the SVG, which loses no sharpness at any size.
About background: PNG and WebP keep the SVG transparency; JPG has no alpha channel, so transparent areas get a background color. Fonts and images the SVG loads from external addresses may not show up, due to a browser security restriction. For a faithful result, convert the text to outlines in the vector editor or embed the font in the SVG itself. An SVG with no size and no viewBox falls back to the default 512 by 512 px.

Final PNG size

24x24 icon at width 512

Input: viewBox 0 0 24 24, width 512
Expected output: 512x512 px

A square stays square.

200x100 logo at 4x

Input: viewBox 0 0 200 100, scale 4
Expected output: 800x400 px

The scale multiplies width and height.

2:1 ratio at 1024 px

Input: viewBox 0 0 100 50, width 1024
Expected output: 1024x512 px

The height comes from the ratio, no need to type it.

Width above the ceiling

Input: viewBox 0 0 100 100, width 10000
Expected output: 8192x8192 px

The 10,000 px request is capped at 8,192.

An SVG with no size at all

Input: no width, height or viewBox, scale 1
Expected output: 512x512 px

Falls back to the default 512 by 512.

Full tool FAQ

Which resolution should I choose when converting SVG?

It depends on use: 512 px works for icons and thumbnails; 1024–2048 px for larger images or high-density screens. Since SVG is vector, you can export at any size without losing quality at the source.

Is the SVG transparency preserved?

Can I convert back from PNG to SVG?

My SVG references external fonts or images, does it work?

Which format should I choose: PNG, JPG or WebP?

Why did my PNG come out blurry?

Does the tool use the SVG's intrinsic size?

A font in my SVG did not appear in the PNG. Why?

Frequently asked questions

Which size should I pick when converting SVG to PNG?

Double the size at which the PNG will be shown, for high-density screens: 200 px for a 100 px image. For app icons, 512 or 1024 px.

Does the PNG keep the transparent background?

Yes, in PNG and WebP. Not in JPG, because the format has no transparency and empty areas get a solid color.

Why did my SVG font come out different?

Fonts loaded from an external URL or installed only on your computer are not available during conversion. Convert the text to outlines before exporting the SVG.

Next steps

How the PNG size is decided

An SVG has no pixels: it describes shapes inside a viewing box (the viewBox). A PNG needs pixels, so you pick a size, and the tool draws the vector into it. There are two ways. With "Scale", the SVG natural size is multiplied by 1, 2, 3 or 4 (a 24 by 24 icon becomes 96 by 96 at 4x). With "Fixed width", you fix the number of pixels and the height follows the drawing proportion. The output ceiling is 8,192 px wide, and SVG files up to 20 MB.

How to pick the size: for an image that will appear at 100 px on the page, export at 200 px (2x) for high-density screens; for an app icon, the usual sizes are 512 or 1024 px; for print, work out the pixels from the size in inches times 300 dots per inch. A PNG scaled up after export looks blurry, because it now has fixed pixels. If you need more size, re-export from the SVG, which loses no sharpness at any size.

About background: PNG and WebP keep the SVG transparency; JPG has no alpha channel, so transparent areas get a background color. Fonts and images the SVG loads from external addresses may not show up, due to a browser security restriction. For a faithful result, convert the text to outlines in the vector editor or embed the font in the SVG itself. An SVG with no size and no viewBox falls back to the default 512 by 512 px.

Final PNG size

24x24 icon at width 512

Input: viewBox 0 0 24 24, width 512
Expected output: 512x512 px

A square stays square.

200x100 logo at 4x

Input: viewBox 0 0 200 100, scale 4
Expected output: 800x400 px

The scale multiplies width and height.

2:1 ratio at 1024 px

Input: viewBox 0 0 100 50, width 1024
Expected output: 1024x512 px

The height comes from the ratio, no need to type it.

Width above the ceiling

Input: viewBox 0 0 100 100, width 10000
Expected output: 8192x8192 px

The 10,000 px request is capped at 8,192.

An SVG with no size at all

Input: no width, height or viewBox, scale 1
Expected output: 512x512 px

Falls back to the default 512 by 512.

Full tool FAQ

Which resolution should I choose when converting SVG?

Is the SVG transparency preserved?

Can I convert back from PNG to SVG?

My SVG references external fonts or images, does it work?

Which format should I choose: PNG, JPG or WebP?

Why did my PNG come out blurry?

Does the tool use the SVG's intrinsic size?

A font in my SVG did not appear in the PNG. Why?

Frequently asked questions

Which size should I pick when converting SVG to PNG?

Double the size at which the PNG will be shown, for high-density screens: 200 px for a 100 px image. For app icons, 512 or 1024 px.

Does the PNG keep the transparent background?

Yes, in PNG and WebP. Not in JPG, because the format has no transparency and empty areas get a solid color.

Why did my SVG font come out different?

Fonts loaded from an external URL or installed only on your computer are not available during conversion. Convert the text to outlines before exporting the SVG.