Blog/Image Guides/More image tools

SVG to PNG: How to Export a Sharp PNG at Exactly the Size You Need

Why SVG is sharp at any size, when you need a PNG anyway, how to choose the output size from 1x to 4x or a custom width, and how to keep transparency.

FV
FreeToolsVerse Team
October 1, 20264 min read
🖼️ Try the SVG to PNG now →
In this article (8 sections)
  1. SVG and PNG in one sentence each
  2. Why size matters
  3. Choosing the output size
  4. Background and transparency
  5. Upload or paste
  6. When PNG is the wrong choice
  7. After the export
  8. Quick checklist

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:

ChoiceA 24 px icon becomesA 200 px logo becomes
1x24 px200 px
2x48 px400 px
3x72 px600 px
4x96 px800 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.

⚠️Watch Out
Only use SVG code you trust. An SVG is a text file that can contain more than shapes, so do not open files from sources you do not know.

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

  1. Find out the exact pixel size the destination needs.
  2. Choose 1x to 4x or a custom width to match.
  3. Choose a transparent or coloured background.
  4. Check the preview, then download.
  5. Keep the original SVG as your master.
🎯Key Takeaway
Render the SVG at the final size, not a small one that you enlarge later, and keep the SVG itself as the source of truth.

Ready to try it yourself?

Use the free SVG to PNG — no signup, runs entirely in your browser.

Open SVG to PNG →

Share this article

FV

FreeToolsVerse Team

We build free online tools and write the guides that explain how they work. No sign-up needed.

More from our blog