Convert SVG to PNG

The rendering engine here is the one you already trust: the browser itself. Whatever your SVG looks like in a browser tab - gradients, masks, filters, CSS-styled shapes, text - is what the PNG captures, because the same engine paints both. This avoids the classic failure of server-side converters built on standalone libraries, which support a narrower slice of the SVG spec and quietly drop the filter effects and font styling that make your graphic look right.

Size is where rasterizing demands actual thought, because it is a one-way door: the PNG contains pixels, not maths, and enlarging it later means blur. The rule is to render at the largest size you will ever display, or generate each required size directly - which is why the size controls sit front and centre and why re-rendering the same SVG at a second and third size takes one click. For high-DPI screens, produce assets at 2x their CSS display size; for icon sets, render each catalogue size separately rather than scaling one master PNG down repeatedly.

There is one honest limitation, and it is the browser's security model rather than a converter bug: when an SVG is loaded as an image for rasterizing, the browser refuses to fetch anything the file references externally. An <image> tag pointing at a URL, a stylesheet link, a font loaded from a CDN - none of them will be fetched, and the affected parts render blank or fall back to default fonts. Competing tools hit the identical wall and simply let your logo render wrong without comment. The fix is an SVG with everything inlined: embed images as data URIs and convert text to outlines (or inline the font as base64) before exporting from your design tool.

Backgrounds behave the way vector people expect: SVG has no canvas colour, so output defaults to transparent PNG, with an optional solid fill when the destination cannot composite alpha.