Runs in your browser · nothing uploaded

SVG to PNG

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

How to use

  1. Drop an SVG file or paste its markup, then render it.
  2. Set the output width or choose 1×, 2× or 4×; add a white background only when needed.
  3. 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). Unsure whether you should be rasterizing at all? See SVG vs PNG for logos and 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.