How do I export SVG to PNG at a custom size?

Enter width and height in the toolbar and click Export custom PNG. The canvas is exactly those pixels.

What if my SVG aspect does not match the box?

The graphic is drawn with meet into the canvas. Extra area stays transparent — it does not stretch.

512 Pixels forces a 512×512 square. Custom Size is any pair you type (default 640×360).

No. Those attributes are stripped. Pixel size comes from the inputs.

FAQ

Quick answers

How do I export SVG to PNG at a custom size?: Enter width and height in the toolbar and click Export custom PNG. The canvas is exactly those pixels.
What if my SVG aspect does not match the box?: The graphic is drawn with meet into the canvas. Extra area stays transparent — it does not stretch.
How is custom size different from 512 pixels?: 512 Pixels forces a 512×512 square. Custom Size is any pair you type (default 640×360).
Do I need root width/height on the SVG?: No. Those attributes are stripped. Pixel size comes from the inputs.

PNG for email → Batch SVG → PNG → 512px PNG →

Source

W H

Ready

React component

React Native (react-native-svg)

PNG export · 2× for retina

0 B