In this article (8 sections)
An SVG is a picture described by shapes and paths rather than by pixels, so it can be drawn sharply at any size. That makes it ideal for logos and icons. But many places only accept bitmap images: social platforms, marketplaces, email clients, presentation tools and document editors. For those you need a PNG, and the key to a sharp one is rendering it at the right size.
SVG and PNG in one sentence each
An SVG is a set of drawing instructions that scales without losing quality. A PNG is a grid of pixels fixed at one size, with optional transparency. Converting means drawing the SVG once at the size you choose and saving the result.
Why size matters
If you export a small PNG and then enlarge it, it becomes blurry, because the pixels were fixed at the small size. The SVG to PNG tool avoids this by drawing the vector again at the final size, so the result is sharp at that resolution.
Choosing the output size
You can pick a multiple of the SVG's own size or a custom width:
| Choice | A 24 px icon becomes | A 200 px logo becomes |
|---|---|---|
| 1x | 24 px | 200 px |
| 2x | 48 px | 400 px |
| 3x | 72 px | 600 px |
| 4x | 96 px | 800 px |
The height follows from the SVG's proportions. The largest side allowed is 8,192 pixels, and the tool tells you if the output would exceed it.
- For a website, export at 2x the displayed size for sharp phone screens.
- For an app icon or store listing, follow the exact pixel size the platform demands, using a custom width.
- For print, work out the pixels from the physical size and the dpi you need.
Background and transparency
A PNG can be transparent. The tool lets you choose a transparent background or a coloured one, with a checkerboard preview so you can see the transparent areas. Pick transparent for logos that will sit on different colours and a solid colour when the destination does not handle transparency well, such as some email clients.
Upload or paste
You can upload an SVG file or paste its code. Pasting is handy when you have copied an icon from a design tool or documentation. Everything is drawn in your browser, so the file is not uploaded.
When PNG is the wrong choice
- If the destination accepts SVG (most websites do), keep the SVG. It is smaller and always sharp.
- For photographs, use JPG or WebP instead.
- If the PNG is for a webpage, you can also convert it to WebP with PNG to WebP to save weight.
After the export
Shrink the PNG with the Image Compressor if needed, resize to a platform's exact size with the Image Resizer, or crop a logo to a square with the Image Cropper. To remove a flat background from a raster logo, see how to remove a background from a photo.
Quick checklist
- Find out the exact pixel size the destination needs.
- Choose 1x to 4x or a custom width to match.
- Choose a transparent or coloured background.
- Check the preview, then download.
- Keep the original SVG as your master.
Related Tools
Ready to try it yourself?
Use the free SVG to PNG — no signup, runs entirely in your browser.
FreeToolsVerse Team
We build free online tools and write the guides that explain how they work. No sign-up needed.