SVG to PNG
Plenty of places that take images, from email newsletters to social networks and office documents, still will not accept an SVG. This tool has your browser draw each SVG and save the result as a PNG, transparent areas included, without sending the file anywhere.
Drop images here or click to browse
SVG up to 50 MB each
Your images never leave your device
SVG, up to 50 megabytes each Your images never leave your deviceHow to use the SVG to PNG
- Drop in one SVG or a batch of up to 50.
- Leave the size fields empty, set an output width to enlarge, or use max sizes to shrink.
- Download each PNG, or every result together as a ZIP.
Features
- Uses the width and height written in the SVG, converting units like cm and in, or its viewBox otherwise.
- Caps the PNG at 1024 pixels on its longest side unless you set an output width.
- An SVG with no size information at all renders as a 1024 pixel square.
- Areas the SVG leaves empty stay transparent in the PNG.
How the tool decides the size of your PNG
An SVG describes shapes rather than pixels, so the tool has to choose a resolution. It reads the width and height attributes on the root svg element first, converting units such as cm, mm, in and pt at 96 pixels per inch. If those are missing or unusable, it falls back to the viewBox, so a viewBox of 0 0 800 400 produces an 800 by 400 PNG. Anything larger than 1024 pixels on its longest side is scaled down to that limit with its proportions kept, and a file with neither attributes nor a viewBox becomes a 1024 by 1024 PNG. The max width and max height fields can make the result smaller, but they never enlarge it.
Why is the PNG from my icon so tiny?
Icon sets usually save each SVG with a width and height of 16 or 24, so converting one gives a PNG only 24 pixels across. Because the drawing is vector, type a larger number into the output width field, such as 512, and the icon is redrawn crisply at that width. Very tall drawings may need a smaller width, since images stop at 8192 pixels high.
When the PNG comes out smaller than expected
Lengths written in cm, mm, in, pt or pc are converted at 96 pixels per inch, so a file 10cm wide becomes about 378 pixels across. Percentages and relative units such as em or vw cannot become pixels, so for those the tool uses the viewBox instead, or the 1024 pixel default when there is none. For a larger result, enter an output width.
Fonts, linked images and other outside files
When a browser draws an SVG as an image, it does so in a restricted mode that never fetches anything from outside the file. Images linked by URL are skipped and leave a transparent gap, and web fonts loaded from elsewhere are replaced by a font installed on your device. Fonts you already have installed, and pictures embedded directly in the SVG as data, render normally. For lettering that must look exactly right, convert the text to outlines in your design app before exporting the SVG.
Frequently asked questions
Can I set an exact output size?
Yes, for the width. Enter pixels in the output width field and the height follows the SVG proportions, so a 100 by 50 file at 3000 gives 3000 by 1500. The max width and height fields only scale down.
Why does my PNG have a white background?
The tool leaves empty areas transparent, so a white background means the SVG itself contains a white rectangle behind the artwork. Some design apps add one on export; delete it from the file and convert again.
Can I convert a whole icon set at once?
Yes, add up to 50 SVG files at a time, each up to 50 MB, then download the PNGs one by one or all together in a single ZIP.
Why does my text look different in the PNG?
The font named in the SVG was not available, usually because it is a web font or one installed only on the designer's computer, so the browser substituted another. Outlining the text before export removes the dependency on the font.
Is a PNG made from an SVG lower in quality?
It stays sharp at the pixel size it was rendered at, or smaller, but blurs if stretched beyond that. Set a larger output width and the SVG is redrawn at that size instead, which keeps the edges crisp.
Do scripts or links inside the SVG run during conversion?
No. A browser disables scripts and links in an SVG that it draws as an image, so converting a file from an unknown source does not run any code it contains.
Last updated .