Render an SVG at any size, exactly
Designers hand over SVGs; the world asks for PNGs — at 1024 px, at 300 DPI, on a white background, by five o'clock. This tool renders your SVG in the browser at the scale or pixel size you specify (up to 8000 px on a side), with a transparent, white or custom-colour background, and hands back the PNG. Paste code straight from Figma or Illustrator, or drop the .svg file. Conversion is done by your browser's own image engine, so what you get is the same rendering you'd see in the browser — fonts the SVG relies on must be available or outlined, as with any SVG-as-image rendering.
How to use it
- Drop the SVG file, or paste its code into the box.
- Pick a scale preset, or a custom width / height in pixels — the other dimension follows the aspect ratio.
- Choose the background: transparent (checkerboard in the preview), white, or a colour.
- Convert and download.
Safety & fidelity notes
SVGs are rendered as images, the same way an <img> tag displays them: scripts inside an SVG never run in that mode, here or anywhere. External images and webfonts referenced by URL inside the file are not fetched for an image render — embed or outline them in your design tool first if your SVG uses them.