SVG to PNG

// Why an SVG needs to become a PNG

SVG is the right format right up until something refuses to accept it. Email clients, ad platforms, marketplace listings, chat apps, and plenty of upload forms take raster images only, so the logo or icon you were handed as an SVG has to become a PNG before you can actually use it.

The tempting shortcut is a screenshot, which locks you to whatever size the graphic happened to render at on your screen and usually drags a background along with it. Because SVG is vector, it can be rasterized at any size with no quality loss: an export at 4x, or at an exact 2048 pixels wide, has edges every bit as sharp as one at 100 pixels. That is the entire reason to convert properly instead of screenshotting.

// How the conversion works in your browser

This tool hands your SVG to the browser's own rendering engine, the same one that draws SVG on every web page, and paints the result onto a canvas at the scale you pick: 1x, 2x, 4x, or an exact pixel width you type in. The canvas exports as a PNG with the alpha channel intact, so regions the SVG leaves unpainted stay transparent in the output.

One honest caveat: text inside the SVG is set in whatever fonts your browser has available. Common system and web-safe fonts render as expected, but an exotic font that is not embedded in the SVG will fall back to a substitute, and the substitute is what lands in the PNG. If exact typography matters, convert the text to paths in your design tool first. The SVG file itself never leaves your device at any point.

// fair questions

Does my SVG file get uploaded anywhere?

No. The file is read and rendered on your own machine, and the PNG is generated there too. No server ever sees it, which also means there is nothing to delete afterward.

How big can the exported PNG be?

Pick a preset scale (1x, 2x, 4x) or type an exact pixel width. Because SVG is vector, the format itself has no resolution ceiling; the practical limit is your browser's canvas memory, which only very large exports run into.

Why does the text look different from my design tool?

The SVG renders with the fonts available to your browser. If it references a font that is neither embedded in the file nor installed on your system, the browser substitutes one, and that substitution shows in the PNG. Converting text to outlines in your design tool avoids this entirely.

Is the transparent background preserved?

Yes. PNG supports full alpha transparency, and anything the SVG leaves unpainted stays transparent in the export, so the result drops cleanly onto any background.