How to Convert SVG to PNG at Any Size
To convert an SVG to a PNG, open our free SVG to PNG converter, add your SVG file, type the width you need in pixels, and download the PNG. The file is converted in your browser, so it is never uploaded. Because an SVG is drawn from shapes, not pixels, you can make the PNG as large as you like (up to 8,000 pixels) and it stays sharp.
The one thing to decide before you convert is the size. An SVG has no fixed size, but a PNG does. If you leave the width empty, many SVG files come out tiny, as our test below shows.
Why convert SVG to PNG?
An SVG is a vector image: a text file that describes lines, shapes and colours. It can be redrawn sharply at any size, which is why logos and icons are often made in SVG.
A PNG is a grid of pixels. Many places accept PNG but not SVG: social media posts, email signatures, Google Docs, older versions of Word, online forms, and many website builders. Converting gives you a picture that works everywhere, while you keep the SVG as the original.
Method 1: Convert SVG to PNG in your browser (any device)
- Open the SVG to PNG converter.
- Drop your SVG files in the box, or click to choose them. You can add several at once.
- Type a width in pixels. The height is worked out for you, so the shape is kept.
- Choose a Transparent or White background.
- Click Download next to each file, or Download all (ZIP) when you have two or more.
Which width should you choose?
| Use | Width to try |
|---|---|
| Website icon or small button | 64 to 256 px |
| Logo for a website, email signature or document | 500 to 1,000 px |
| Social media post or slide | 1,080 to 2,000 px |
| Printing (about 300 pixels per inch) | inches × 300, for example 3,000 px for 10 inches |
If you are not sure, go bigger. You can always shrink a large PNG later, but a small PNG cannot be made larger without going blurry.
Our test: two real SVG icons at four sizes
On 13 November 2026 we converted two real SVG files with the tool in a Chromium-based browser on a Windows 11 PC:
- Our own site icon (243 bytes). It has a viewBox of 32 × 32 but no width or height.
- The “image” icon from the open-source Lucide icon set (434 bytes), which is set to 24 × 24 pixels.
| Width entered | Site icon PNG | Lucide icon PNG |
|---|---|---|
| Left empty | 32 × 32 px, 526 bytes | 24 × 24 px, 436 bytes |
| 512 | 512 × 512 px, 12 KB | 512 × 512 px, 16 KB |
| 2000 | 2000 × 2000 px, 104 KB | 2000 × 2000 px, 119 KB |
| 10000 | 8000 × 8000 px, 1.26 MB | 8000 × 8000 px, 1.34 MB |
What we learned:
- Leaving the width empty gave tiny images, 32 and 24 pixels wide, because that is the size written inside these files. Icon files are often like this, so always type a width.
- The SVGs were redrawn at each size, not stretched. The 2,000 px version has clean edges, unlike a small PNG blown up in a photo editor.
- Asking for 10,000 px gave 8,000 px, the tool’s limit, with the shape kept. That is enough for most print jobs.
- Transparency was kept. With the Transparent option, the corner pixel of the site icon (outside its rounded square) was fully see-through. With White, the same pixel was solid white.
- The PNG is much bigger than the SVG. A 243-byte SVG became a 104 KB PNG at 2,000 px. That is normal, because the PNG stores every pixel. If the file is too big for a form, use a smaller width, or see how to reduce image size without losing quality.
We also tried a broken file (plain text saved with an .svg name). The tool showed “This SVG file could not be read. It may be damaged.” and made no PNG.
Method 2: Export a PNG from Inkscape (Windows, Mac and Linux)
Inkscape is a free, open-source vector editor. It is a good choice if you also want to edit the SVG first.
- Open the SVG in Inkscape.
- Open the Export panel with File > Export (Shift + Ctrl + E).
- Choose what to export, such as the whole page or only the drawing.
- Pick PNG as the file type, set the width or the DPI, and click Export.
Inkscape can also convert from the command line, which helps with many files. According to the Inkscape manual page, --export-type sets the format and -w sets the width in pixels, for example:
inkscape logo.svg --export-type=png -w 1000 -o logo.png
Set only the width, not both width and height, or the image can be stretched out of shape.
Why does my PNG look different from the SVG?
- Missing fonts. If the SVG uses a font that is not on your device, another font is used. In your design app, convert the text to outlines (paths) before you export the SVG.
- Linked images. An SVG can point to outside image files. Our tool cannot load those, so they will be missing. Embed the images in the SVG instead.
- Black icons. Many icon sets, including Lucide, draw with “currentColor”, which means “use the text colour of the page”. On its own, that becomes black. Change the colour in the SVG first if you need a different one.
- No animation. A PNG is a still picture, so any SVG animation is lost.
Common questions
Does converting SVG to PNG lose quality? PNG itself is lossless, so nothing is lost at the size you choose. What you lose is the ability to resize sharply, so keep the SVG and export a new PNG when you need a different size.
Can I convert several SVG files at once? Yes. Add them all, and download them one by one or together in a ZIP file. All files use the same width and background.
Is it safe for private files? Yes. Our tool runs on your own device and does not upload your files.
Should I use PNG or JPG? Use PNG for logos, icons and anything with a transparent background. JPG has no transparency and can add smudges around sharp edges and text. Our guide to JPG vs PNG explains the difference.
Summary
- The quickest way: open our SVG to PNG converter, add your SVG, type a width, and download.
- Choose the width before converting: about 1,000 px for logos, 2,000 px for social posts, and inches × 300 for print.
- In our test, empty width gave 24 to 32 px images, while 2,000 px gave sharp PNGs of about 100 to 120 KB, with transparency kept.
- For editing or batch jobs on a computer, Inkscape is a free option.
Need a see-through background on a photo instead? See how to make a background transparent.