# SVG to PNG

[Home](/)

[Tools](/#tools)

Render an SVG file — or pasted markup — to a pixel-perfect PNG at exactly the size you need.

Drop an image here, or click to choose

Drop an .svg file — or paste markup below

Or paste SVG markup

Output width px

White background

## How to use

1. Drop an SVG file or paste its markup, then render it.

1. Set the output width or choose 1×, 2× or 4×; add a white background only when needed.

1. Check the preview and dimensions, then download the PNG.

## Vector in, exact pixels out

SVG scales infinitely, but many places still demand raster: app stores, older CMSs, email, print pipelines. This tool renders the SVG with your browser’s own engine, so what you preview is exactly what you download. Height follows the SVG’s intrinsic ratio automatically; use 2× or 4× for high-DPI screens.

## Troubleshooting SVG files

SVGs that reference *external* resources (linked images, remote fonts) will not render — the browser blocks those references inside an image context for security. Inline everything first. Transparency is preserved unless you tick the white background option (needed before [converting to JPG](/convert/)). Unsure whether you should be rasterizing at all? See [SVG vs PNG for logos and icons](/articles/svg-vs-png-logos-icons/).

## Frequently asked questions

### Why doesn’t my SVG render?

Almost always external references: linked images, remote fonts or CSS imports. Browsers block those inside an image context for security. Inline the resources into the SVG file and it will render.

### What resolution should I export?

Match the largest size you will display, then double it for high-DPI screens. A 100×50 logo shown at 200 px wide should be exported at 2× (400 px) — the scale buttons do this in one click.

### Is the transparent background preserved?

Yes, PNG keeps the SVG’s transparency by default. Tick *White background* only when the PNG is headed somewhere that can’t handle alpha — like conversion to JPG.

## Standards and references

- [SVG 2 specification](https://www.w3.org/TR/SVG2/)

- [HTML canvas specification](https://html.spec.whatwg.org/multipage/canvas.html)

## Related tools

[→Favicon GeneratorOne image in, every favicon size + a real .ico out.](/favicon/)

[→Image ConverterPNG, JPG and WebP — batch convert in one drop.](/convert/)

[→Image ResizerBatch resize by pixels or percent, aspect ratio locked.](/resize/)