SVG to PNG

What it does

Loads your SVG as an image source, draws it to a canvas at the width you specify, and exports lossless PNG. Use it when you need fixed-pixel assets for social templates, legacy CMS fields, or game UI that does not accept SVG.

Security and trust

SVG loaded via blob URL and drawn as an image does not execute embedded scripts the way inline DOM SVG can. Still, only paste SVG from sources you trust. External images or fonts may not load if the browser blocks them.

How to use

• Paste valid SVG (include xmlns on the root) or upload an .svg file.
• Set target width (1–8192 px) and pick a background mode.
• Click Render PNG, review the preview, then Download PNG.

Picking the right width

The vector has no fixed size, so the width you type is the quality decision. Rendering at the exact display size looks soft on high-DPI screens — export at double the CSS size instead (a 128 px icon becomes a 256 px PNG). Since PNG is lossless, the only cost of going bigger is file size. The tool caps output at 8192 px, and height follows the SVG's own aspect ratio, so you never have to compute it.

Where this comes up

Favicons and app store icons are the usual suspects: you've got the logo as SVG, and the upload form wants a PNG at a specific size. Email clients are another — most strip or mangle SVG, so newsletter logos ship as bitmaps. Slack emoji, GitHub social preview images, and older CMS media libraries all have the same restriction. The dark background option exists for exactly this checking step: render once on white and once on dark to catch a logo that disappears against one of them before you publish it.

Frequently asked questions

Is SVG to PNG conversion private?

Yes. SVG text and files are processed only inside your browser. Nothing is sent to HunterMussel or any third party.

Why does my SVG fail to render?

Common causes: missing xmlns on the root svg, malformed XML, or references to external images/fonts blocked by browser security. Fix the markup or embed assets as data URLs.

How is output height determined?

You set output width in pixels. Height is computed from the SVG’s intrinsic aspect ratio (natural width/height or viewBox) so the raster is not stretched.

Can I get a transparent PNG?

Choose Transparent as the background before rendering. The canvas is cleared to transparency before the vector is drawn.