SVG to PNG: Pick the Right Export Size

You have a clean SVG logo and the thing you need to put it in refuses to take SVG. Instagram won't. Most email clients won't. PowerPoint is fussy about it. Marketplace listing tools reject it. Older CMS platforms block the upload for security reasons, since an SVG is code and can carry scripts.

So you need a raster copy: a fixed grid of pixels. That part is easy. The decision worth spending a minute on is how big.

Understand what 1x means first

This trips people up constantly. The scale options don't produce a fixed pixel size. 1x means the size written into the SVG itself, in its width and height attributes. An SVG with width="64" exports at 64 pixels at 1x and 256 pixels at 4x. An SVG with width="1200" exports at 1200 and 4800.

Open the file in any text editor and read the first line to see what you're working with. Everything after that is arithmetic.

Which scale to choose

• 2x is the sensible default. Nearly every phone and laptop screen made in the last decade packs two or more physical pixels into each layout pixel, so a 1x export looks soft on them.
• 3x or 4x when the image will be enlarged, printed, or used as a hero graphic, and for anything going into a design tool where someone might scale it up.
• 1x only when you know the exact display size and the SVG already matches it.

A few real targets: a favicon source wants 512 pixels square. An Open Graph social preview wants 1200 by 630. An email header logo should be exported at twice its display width. Work out the pixel count you need, then pick the scale that gets you there or slightly past it.

How to convert SVG to PNG

1. Open the SVG Converter.
2. Drop your SVG files in, up to 10 MB each.
3. Leave the output on PNG unless you have a reason to pick JPG. PNG keeps transparency, JPG cannot.
4. Choose 1x, 2x, 3x, or 4x. The tool shows you the resulting pixel dimensions before you download.
5. Set the background to transparent for logos, or a solid color if the graphic needs to sit on something specific.
6. Download, individually or as a ZIP.

The SVG is rendered by your browser's own drawing engine, on your machine. Gradients, masks, and filters all come through correctly because it's the same renderer that displays the file normally.

"My SVG exported blank"

This is the single most common problem, and the fix takes one edit.

It happens when the root svg tag has a viewBox but no width and height attributes. That's a perfectly valid SVG for the web, where CSS decides the size, but a converter has nothing to size the output canvas from, so it renders nothing.

Open the file in a text editor. Find the opening tag. If it reads something like viewBox="0 0 600 400" with no width or height next to it, add width="600" height="400" using the last two numbers from the viewBox, save, and re-upload. That's it.

Two more things that catch people

Live text can change font. If your SVG contains real text using a font by name, the renderer has to find that font. If it's a webfont the file doesn't embed, you get a substitute and the logo looks subtly wrong. Convert text to outlines in your design tool before exporting, which is good practice for logos anyway.

Externally linked images won't load. An SVG that references a photo by URL will render with a hole where that photo should be, because the renderer isn't allowed to fetch external files during conversion. Embed the image in the SVG first.

Animated SVGs export as a still of the first frame, which is usually what you wanted anyway.

Keep the SVG

This export only goes one way. A PNG is a fixed grid of pixels, and no amount of tracing it back to SVG recovers the clean original geometry. Export as many PNGs as you need and keep the vector as the master.

If the exported PNG is heavier than you'd like, run it through the Image Compressor. Flat vector artwork quantizes extremely well, often losing 70 percent of its file size with nothing visible changing.