SVG Renderer

How to use it

1. Paste complete SVG markup, including the <svg> root element with its namespace.
2. Set the width and height of the PNG you want - up to 4096 pixels each.
3. Click Render; the preview shows the SVG as the browser interprets it.
4. Click Export PNG, then Download to save the rasterized file.

Common use cases

• Rasterizing icons - produce PNG fallbacks of SVG icons for older clients or design specs.
• Quick markup checks - paste an SVG from a library or generator and see it before wiring it in.
• Fixed-size exports - generate one precise pixel size instead of scaling a screenshot.

Why it stays private

The SVG is rendered through a local Blob URL inside your browser. The markup is never uploaded, so proprietary logos and licensed artwork stay on your device.

FAQ

Q: Why does the export fail with a security message? A: If the SVG references external resources such as remote images or fonts, the canvas becomes tainted and browsers block pixel export. Remove the external references and render again.

Q: The SVG has its own width and height. Do my values override them? A: The PNG is drawn at exactly the width and height you enter, regardless of the markup's intrinsic size, which is what makes repeatable fixed-size exports possible.

Q: My SVG shows nothing. What is wrong? A: Common causes: a missing xmlns namespace on the root element, unclosed tags, or XML features the browser rejects in an img context. Fix the markup errors and render again.