Free SVG to PNG Converter
Turn an SVG into a PNG image right in your browser. Paste the SVG markup or load a .svg file, choose an output size, pick a background, then download a pixel-perfect PNG at up to 8× the original. Nothing is uploaded — the conversion happens entirely on your device.
How to use the SVG to PNG
- 1 Paste the SVG markup into the box, or click "Load .svg file" and pick a file from your device.
- 2 Choose an output size from the menu — half, original, or 2× to 8× — or pick "Custom width…" and type the exact pixel width you need.
- 3 Pick a background: Transparent to keep the empty pixels clear, White, or Custom for any colour.
- 4 Check the live preview and the PNG size in the panel on the right.
- 5 Click Download PNG to save the file. The name includes the output dimensions.
How to convert SVG to PNG
- Paste the SVG markup into the box, or load a .svg file from your device.
- Choose an output size — a multiple of the original, or a custom width.
- Pick a background: transparent, white, or any colour you like.
- Check the live preview, then download the PNG.
Why convert an SVG to a PNG?
SVG is a vector format, which makes it ideal for logos and icons — but not every destination accepts it. Social networks, email clients, some CMS upload fields, older design tools and many print workflows only take raster images. A PNG is also the format you want when you need a fixed pixel size, such as a 512 × 512 app icon or a 1200 × 630 link preview.
Converting also settles any doubt about how the artwork will look elsewhere. Fonts, external stylesheets and linked images are not available to a standalone SVG file, so what a browser renders from the raw markup is what you get. Rasterising it freezes that result into a file that looks the same everywhere.
Resolution and quality
Because SVG is resolution-independent, you can export at any size with no loss of quality — a 24 × 24 icon rasterises just as cleanly to 2048 × 2048. If the PNG will be shown on a high-density display, export at 2× or 3× the size you actually need and let the display scale it down; that looks sharper than exporting at the exact display size.
The PNG itself is always lossless, so there is no quality slider to worry about. A larger output size simply produces a larger file.
Transparency, fonts and linked files
PNG supports transparency, and a transparent background is the default here — the checkerboard in the preview only marks empty pixels and is never part of the exported file. Choose White or a custom colour if the PNG will sit on a background you cannot control.
One thing worth knowing before you convert: a browser renders an SVG file in isolation, so it cannot reach external stylesheets, web fonts or linked images. If your SVG depends on any of those, embed the font as a data URI, inline the styles, and turn linked images into data URIs first — otherwise those parts will be missing from the PNG.
Is it private?
Yes. The file never leaves your device. The SVG is parsed, drawn onto a canvas and encoded to PNG entirely in your browser, so there is no upload, no server round-trip and no account.
Frequently asked questions
Is my SVG uploaded to a server?
No. The conversion happens entirely in your browser: the markup is drawn onto an HTML canvas and encoded to PNG there. Nothing is sent anywhere, there is no upload step and no account is needed. You can even use the tool offline once the page has loaded.
What size should I export at?
SVG is resolution-independent, so there is no quality penalty for going large — a 24 × 24 icon rasterises just as cleanly at 2048 × 2048. As a rule, export at 2× or 3× the size the PNG will actually be displayed at. The display then scales it down, which looks sharper than exporting at the exact display size. Just remember the file gets bigger too.
Why is part of my SVG missing from the PNG?
A browser renders an SVG file in isolation, so it cannot load external resources: web fonts, linked stylesheets, or images referenced by URL. Those parts are simply skipped. To fix it, embed the font as a base64 data URI inside the SVG, inline any stylesheet rules, and convert linked images into data URIs as well. The SVG to Base64 Converter on this site can help with the embedding.
How do I get a transparent PNG?
Leave the background set to Transparent, which is the default. Any pixel the artwork does not cover stays fully transparent, and the checkerboard in the preview is only a visual aid that marks those pixels — it is never written into the file. Choose White or a custom colour instead if the PNG will sit somewhere you cannot control the background.
Does the PNG lose quality compared with the SVG?
PNG is lossless, so there is no compression artefact to worry about — but it is a raster format, so the sharpness is fixed at the moment of export. If you later need a bigger version, come back and export again at a larger size rather than scaling the PNG up, which would blur it. Keep the original SVG as your master file.
My SVG has no width or height — will it still work?
Yes. The tool reads the viewBox, which defines the artwork coordinate system, and uses it as the source size. That is also why the output height always follows the artwork aspect ratio: it keeps the PNG from being stretched or letterboxed with empty margins.
Related Image & Color Tools
You might also need
Tools from other categories that people pair with the SVG to PNG: