SVG to PNG
Rasterize SVG to PNG at any size in your browser. Scale presets, transparent background, sharp output for icons and logos. Nothing is uploaded.
Runs in your browser — nothing uploaded
SVG source
Rasterize any SVG to PNG at the exact size you need. Pick a scale multiplier or type a custom pixel width — heights are derived from the SVG's aspect ratio automatically. Useful for icon sets, export-to-PNG for legacy software, or any time you need a sharp fallback for a vector asset.
Private by design — your data never leaves your device
How to use it
No account, no upload — it all happens on your device.
1
Paste your SVG markup into the textarea, or click 'Upload .svg'. Drag a .svg file directly onto the box to load it too.
2
Pick a scale (1× to 4×) or type a custom width in pixels.
3
Toggle transparent background off if you need a solid white backdrop.
4
Click 'Download PNG' once the preview shows the size you want.
When to convert SVG to PNG
- Software that doesn't support SVG. Older office tools, some image-editing apps, certain paste-into-document workflows.
- Fallback for browsers without SVG support. Rare in 2026 (every modern browser supports SVG), but still relevant for tightly-scoped embed targets like email.
- Pre-rasterized icons in a build pipeline. Sometimes you want the byte-savings of a single optimized PNG over a complex SVG that takes longer for the browser to render.
- Sharing previews. Designers like seeing the SVG as a flattened image when checking proofs.
Tips for crisp output
- Use 2× or higher for retina displays. Most modern screens are at least 2× density. A 32 px icon rendered at 64 px keeps it sharp.
- Round corners and stroke widths matter. At small sizes, sub-pixel hairlines (stroke-width less than 1) will antialias to faint gray. Bump strokes up to at least 1.5 px in the source SVG if 16-px output looks soft.
- Check the SVG's viewBox. The tool uses the viewBox to compute the aspect ratio. If your source SVG has no viewBox, add one (e.g.
viewBox="0 0 64 64") for predictable sizing. - External assets won't load. The SVG is rendered in a sandboxed image element — references to external fonts or images (via
href) are not fetched. Inline everything before converting.
What this tool isn't
- An SVG optimizer.It doesn't simplify paths or strip metadata. Use SVGO if you want to reduce the source SVG's file size before rasterizing.
- An animation renderer. SMIL and CSS animations are not captured — the PNG is a single frame at
loadtime.
Frequently asked
What does scale do?
It multiplies the SVG's natural size. A 64×64 SVG at 4× scale renders as a 256×256 PNG. Use higher scales for retina displays and crisper icons. Custom width overrides scale entirely — pick a specific pixel width and the height is computed from the SVG's aspect ratio.
Why is the output transparent by default?
SVG generally has a transparent background, so PNG keeps that by default. Toggle 'Transparent background' off if you need a solid white backdrop — useful for printing or pasting into software that displays transparent PNGs with a checker pattern.
Is my SVG uploaded?
No. The SVG renders into a HTML canvas in your browser, and the canvas exports a PNG locally. Nothing is uploaded — close the tab and the SVG, the PNG, and the conversion are gone.