Free tool

SVG to PNG: Export a Logo or Icon at the Exact Width You Need

An SVG scales to any size, but plenty of places still ask for a flat PNG: social profile fields, slide decks, email tools and app stores. Choose the width in pixels and this page draws every SVG at that size, keeping its shape and any clear background.

SVG files are drawn and saved as PNG inside this page and are not uploaded. The width you choose is remembered on your device.

The handover case: a vector logo and a form that wants pixels

A designer hands over a logo as an SVG. The marketing person needs a PNG for a profile picture, a newsletter header and a slide. Each of those wants a different size, so the same file gets exported more than once.

Drop the SVG files onto the box. Pick a width with one of the buttons, 512, 1024, 2048 or 4096, or type any number from 16 to 8000 into the field. The height follows from the shape of the drawing, so nothing is stretched.

Picking a width without guessing

ButtonA sensible use
512 pxSmall profile images and app listing icons
1024 pxA general purpose export, and the page starting point
2048 pxSlides, banners and anything shown full screen
4096 pxLarge prints, or a master copy to resize later

The table is a suggestion based on how big each place usually shows a picture, not a rule from any platform. Check the size the destination asks for and type that number if it is not on the list.

Making several sizes from one file

You do not have to choose once. Convert the same SVG at 512, then change the width to 2048, and the list draws it again. Each result is a fresh drawing of the vector, not a stretched copy of the first one, so both stay sharp.

For a full brand kit, drop every SVG in the folder at once. Use one width for the batch, download the ZIP, then repeat with the next width. Name the ZIPs by size so nobody mixes them up later.

A site owner who keeps logo files in a shared drive saves hours by exporting the usual sizes once and keeping them next to the source SVG.

What you get and what you do not

  • A PNG per SVG, named after the original, with clear areas kept clear.
  • The drawing's own proportions, including SVGs that only declare a view box and no fixed height.
  • A one click ZIP for the whole batch, or a folder save where the browser allows it.
  • No colour change, no cropping and no added padding.

The PNG is a fixed set of pixels. If you later need it larger, go back to the SVG and export again at the bigger width instead of enlarging the PNG.

Checks before you hand the files over

  1. Open the result and look at thin lines. At 16 or 32 px a hairline can fade, so use a larger width.
  2. Look at the edges against a dark and a light background, since clear areas will show whatever sits behind the file.
  3. If the SVG relies on a font, confirm the letters look as designed. Outlined text in the source file is the safest choice.
  4. Keep the SVG itself as the master. The PNG is a copy for places that need pixels.

If you are also building a site icon, the web design and UI/UX work we do includes setting up logo files for every place a brand shows up.

Large widths and your browser

A 4096 px square holds more than sixteen million pixels, and an 8000 px one holds far more. Drawing that is easy for a simple logo, but a batch of big, complicated drawings uses a lot of memory. If the tab slows down, convert in smaller groups or pick a smaller width.

The number you type is the width only. A wide banner SVG at 2048 px will be short, and a tall poster SVG at 2048 px will be very tall, so think about the shape before choosing.

Frequently asked questions

How wide should my PNG be?

Use the size the destination asks for. If it gives no size, 1024 px is a comfortable general choice and 2048 px suits slides and banners.

Will the background be transparent?

Yes. Areas that are empty in the SVG stay empty in the PNG. For a solid background, use the SVG to JPG page instead.

Can I convert many SVGs at once?

Yes. Drop several files or a folder, and download them as a ZIP.

Why does my icon look blurry when I enlarge the PNG?

A PNG holds a fixed number of pixels. Export the SVG again at the larger width and the edges will be drawn fresh and crisp.

Is there an upper limit on width?

The field accepts values from 16 to 8000 pixels.

Does my logo get uploaded?

No. The drawing and the saving both happen in your browser tab.

Can I paste an SVG instead of dropping a file?

The drop box takes files. Save your SVG as a file first, then drop it or choose it with the button.

What happens to the height?

It is worked out from the drawing's own proportions. You set the width, and the page keeps the shape.

More free tools

  • SVG to JPG converter: Draw SVG files as JPG at a chosen width, with a quality setting and a background colour.
  • PNG to ICO converter: Turn a PNG into an ICO with the sizes you choose, or download a favicon set for a site.
  • image converter: Convert a mixed set of pictures to JPG, PNG, WebP, AVIF or ICO in your browser.
  • Favicon generator: Turn letters, an emoji or a logo into a favicon.ico, PNG sizes and a manifest, with live previews.
  • image resizer: Resize pictures by pixels or percent with fit, crop or stretch, presets and file type choices.