SVG to PNG Converter
You have a vector SVG and need a PNG at a particular size, for a presentation, an app listing, a social profile or software that cannot open vectors. This converter draws the SVG at your chosen dimensions, keeps transparent backgrounds, and saves a lossless PNG. Everything runs in your browser, so your artwork stays private.
Embed this tool on your websiteShow code
Free to use on any site. Paste the code where you want the tool to appear. It runs inside the page; visitors' files are processed in their own browser and are not uploaded.
WordPress and most site builders have a "Custom HTML" block where this code can be pasted. The embed keeps a small link back to CalcMaster.
How to convert SVG to PNG
- Add your SVG files by dropping them, clicking the drop zone or pasting.
- The output format is already set to PNG. Adjust quality or size if you need to.
- Press Convert and compare the original and new size for each file.
- Download each file or all of them as a ZIP.
When to convert, and when not to
- You need a fixed-size bitmap of a logo or icon.
- A platform requires PNG and rejects SVG uploads.
- You want transparency preserved around the drawing.
- Keep the SVG for anything that must scale sharply or be edited later.
What changes
- Vector shapes become pixels at the size you pick.
- Transparent areas stay transparent in the PNG.
- PNG is lossless, so the rendered pixels are stored exactly.
- Fonts missing from your browser and external files linked in the SVG may not appear.
- Metadata is not kept, and there is no quality slider.
Choosing the output size
Because an SVG has no built-in pixel size, the PNG is only as large as you make it. By default the converter uses the dimensions written in the file, and if none exist it falls back to a standard square. Use the percent option to enlarge, for example doubling for high-density screens, or the maximum size option to fit a specific frame.
Draw big when unsure. You can always reduce a PNG later without much trouble, but enlarging one makes edges blurry.
Transparency and where the PNG will sit
Most SVG icons have no background, and the PNG keeps that. Place it on any colour and it blends in. Check thin outlines and soft shadows against both a light and a dark background. If a dark graphic disappears on dark pages, create a light variant in your vector editor.
When the picture does not look like your design
Your browser loads the SVG as an image, and in that mode it will not fetch outside resources. A custom font that is only on the designer's machine gets replaced by a fallback, and linked pictures or stylesheets may be missing. Turn text into outlines and embed images inside the file in your vector editor, then convert again. Also check that the SVG has a viewBox, since files without a size can render at an unexpected scale.
Making several sizes from one SVG
App stores, social networks and favicons each ask for different dimensions. Because the SVG scales without loss, you can convert it more than once with different resize settings, for example one at its own size and another at double. Rename the downloads so you can tell them apart.
This is one of the biggest strengths of starting from vector artwork: you never enlarge a small bitmap, you draw the shapes again at each new size.
Keep the SVG as your source
The PNG is a fixed-size picture. Hold on to the SVG so you can produce other sizes, colours or variants later without redrawing anything.
Finally, check the result at the size where it will be used, not only at full zoom. Small icons are judged at their real size, and thin strokes that look elegant when large can disappear when shrunk. If that happens, make a simplified version of the vector with heavier lines and convert that one for the small sizes.
Privacy: your files stay on your device
- The tool decodes, resizes and encodes your pictures with your browser. The files are never sent to a server.
- To check it yourself: open the browser developer tools (F12), open the Network tab, convert a file, and look for any request that carries your image. You will see none.
Frequently asked questions
What resolution is the PNG?
The SVG's own size scaled by your resize option, or a default if none is declared.
Is transparency kept?
Yes, empty areas remain transparent.
Why does my text look different?
Fonts not available to the browser are replaced. Convert text to outlines first.
Can I make several sizes?
Convert once per size with the resize options, then download them together as a ZIP.
Is the SVG uploaded?
No. It is drawn in your browser.
Why does the PNG look larger or smaller than expected?
The SVG's declared size sets the starting point. Adjust the percent or maximum size option to change it.
Can I convert several SVG files at once?
Yes. Add them together, choose one resize setting for the batch, and download the PNG files individually or as a ZIP. Convert groups that need different sizes in separate runs.