Converting an SVG file to a PNG image in Inkscape is a straightforward export operation that turns scalable vector instructions into a fixed grid of pixels. The SVG (Scalable Vector Graphics) format stores artwork as a small text file of geometric commands, while PNG (Portable Network Graphics) stores a rasterised grid of coloured pixels at a fixed width and height. Inkscape handles this conversion through its built-in Export PNG Image dialog, which lets you set explicit pixel dimensions, the DPI used to map vector units to pixels, and whether you want a transparent or opaque background. The process takes only a few clicks, works entirely offline once Inkscape is installed, and produces a PNG that opens in every image viewer, browser, document, and chat window that exists. Because PNG cannot be scaled up without losing sharpness, the export step is where you lock in your final pixel size, making it the most important decision in the whole workflow.
Why Convert SVG to PNG at All
SVG and PNG solve two different problems, and knowing when to switch between them saves a lot of headaches. An SVG is not made of pixels at all. It is a small text file full of instructions — draw a circle here, fill this path with that colour, place this text there. Because those instructions are resolution independent, an SVG stays razor sharp at two centimetres wide on a business card or two metres wide on a billboard. That is why logos, icons, and illustrations are so often authored as SVG in the first place.
A PNG, by contrast, is a raster image with a known width and height in pixels. It cannot be scaled up without becoming blurry, but it enjoys near universal support. Almost every app, chat window, image field, presentation tool, marketplace listing, email client, and operating system preview can display a PNG without question, while many of those same places either refuse SVG uploads outright or render them inconsistently.
You might reach for an SVG to PNG conversion in a handful of common situations:
- You need to attach a logo to a document, slide, or social post that will not accept vector files.
- You want a fixed pixel size so the image looks identical everywhere instead of scaling with the container.
- You are preparing app store screenshots, favicons, email graphics, or thumbnails where a raster format is required.
- You want to hand a non technical colleague a file they can open with a double click on any device.
How to Convert SVG to PNG in Inkscape
Inkscape is the most popular free vector editor on desktop, and it ships with a dedicated PNG exporter that gives you fine-grained control over output size. Follow these steps to convert any SVG to PNG using the native Inkscape workflow:
- Open your SVG. Launch Inkscape and choose File > Open, then select the .svg file from your computer. The artwork appears on the canvas at its current document size.
- Set the document size. Open File > Document Properties and confirm the page width and height match the dimensions you want for the export. If your SVG already declares width and height attributes, those values are used.
- Open the PNG export dialog. Go to File > Export PNG Image. A dialog appears asking for bitmap size and filename.
- Set the output dimensions. Enter the desired width or height in pixels. The other dimension updates automatically based on the aspect ratio. You can also raise the DPI field — 96 DPI maps one vector unit to one pixel, while higher values such as 192 or 300 produce sharper output for retina displays or print.
- Choose the export area. Pick Page to export the entire document, Selection to export only the objects you have selected, or Custom to draw a specific rectangle.
- Set the background. Leave the background transparent by default, or check the Background box and choose a colour (usually white) to flatten the artwork onto a solid canvas.
- Export and save. Click Export, pick a destination folder, name the file with a .png extension, and confirm. Inkscape writes the PNG to disk and the conversion is complete.
For batch conversions, Inkscape also supports command-line export with the --export-type=png and --export-filename options, which is handy when you need to process dozens of icons at once without opening each file by hand.
Convert SVG to PNG Without Installing Software
If you only have a single file to convert and do not want to install Inkscape or any other desktop application, an in-browser tool can finish the job in moments. The SVG to PNG Converter runs entirely inside your browser — nothing is uploaded to a server, so confidential brand assets and unreleased designs stay on your machine. The interface has just four controls, and the output is ready to download as soon as you click the export button.
This approach is especially useful when you are working on a managed work laptop where you cannot install new software, when you need a quick conversion on a Chromebook or tablet, or when you simply prefer not to keep a heavy vector editor running for a one-off task. Because every step — parsing the SVG, rendering it onto a canvas, rasterising the pixels, and encoding the PNG — happens locally in JavaScript, the file never leaves your device.
The same approach also covers related conversions. If your destination only accepts JPG instead of PNG, the SVG to JPG walkthrough covers the same browser workflow with a different output format.
SVG vs PNG: Format Comparison
Both formats can display the same artwork, but they behave very differently once the file leaves your design tool. The table below summarises the trade-offs so you can pick the right one before exporting.
| Property | SVG (vector) | PNG (raster) |
|---|---|---|
| Internal structure | Text file of geometric instructions | Compressed grid of pixels |
| Scales without losing sharpness | Yes, infinitely | No, becomes blurry when enlarged |
| Typical file size for a logo | Very small, often a few kilobytes | Larger, grows with pixel dimensions |
| Transparency support | Yes, full alpha | Yes, full alpha |
| Browser and app support | Good in browsers, inconsistent elsewhere | Universal across nearly all software |
| Editable as vectors later | Yes, paths and text remain editable | No, pixels only |
| Best use case | Logos, icons, illustrations that may be reused at any size | Social posts, slides, attachments, app screenshots |
For a deeper discussion of when to pick PNG versus JPG in everyday work, see the JPG vs PNG decision guide.
Troubleshooting Common Conversion Errors
Most SVG to PNG conversions either succeed cleanly or fail because of one well-known problem. If your export comes back blank, missing pieces, or refuses to run at all, work through this checklist before assuming the tool is broken.
The SVG references external resources
The single most common cause of a failed conversion is an SVG that points at remote assets. When an SVG pulls in an image hosted at a URL, a font loaded from a CDN, or any other cross-origin resource, browsers refuse to read those pixels back out of the canvas for security reasons. The exporter either leaves the asset out (so it appears blank) or blocks the download entirely. The fix is to use a self-contained SVG where every image, font, and gradient is embedded directly inside the file instead of linked from elsewhere.
The SVG has no width or height
When the source SVG omits explicit dimensions, the converter falls back to the viewBox attribute. If the viewBox is also missing, a sensible default size is applied so the export does not fail silently. In Inkscape, opening File > Document Properties and confirming the page size fixes this for the source file going forward.
The output is too small or too large
Because PNG is raster, the pixel dimensions you choose at export time are the pixel dimensions you get forever. If the result looks fuzzy on a retina display, re-export at 2x or 3x the target size. If the file is enormous and slow to load, drop the dimensions to the actual display size and accept that the PNG cannot grow back later.
The transparency disappeared
PNG supports an alpha channel, so transparent areas of an SVG stay transparent by default. If the exported PNG shows a solid white background instead, you have either enabled the background option in Inkscape's export dialog or ticked the White background toggle in the browser tool. Switch it off to restore the see-through result.
Picking the Right Resolution and Background
Two decisions shape the final PNG more than anything else: the pixel dimensions and the background. For screen use, exporting at 2x the intended display size gives a sharp result on retina screens without doubling the file size unnecessarily — a 400-pixel-wide logo exported at 800 pixels will look crisp on every modern device. For print, multiply the desired physical size by the printer DPI to get the pixel count; a 5 cm wide logo at 300 DPI works out to roughly 591 pixels across.
On background, leave it transparent whenever the PNG will sit on top of another surface — a logo on a slide, an icon on a web page, a sticker on a photo. Switch to a solid background when the artwork needs a defined edge, such as a profile photo, a marketplace listing image, or a thumbnail that will be displayed inside a fixed-colour container. Both options are reversible, so it is worth exporting once with transparency and once with a solid background if you are unsure which the destination needs.
Run the SVG through the SVG to PNG Converter with a 2x scale and the right background chosen, and the resulting PNG is ready for slides, attachments, social posts, and any other place a plain image is expected.