SVG to PNG: what SVG is and how to convert it

What is SVG, exactly?

SVG (Scalable Vector Graphics) doesn't store pixels at all: it stores shapes — lines, curves, fills — described mathematically. That's why an SVG logo looks razor-sharp at the size of a stamp and at the size of a billboard: there are no pixels to stretch, only instructions to redraw. It's the native format of logos, icons and illustrations on the modern web.

The catch is compatibility. Browsers love SVG, but plenty of everyday destinations don't: slide decks, documents, social posts, messaging apps and many editors expect a plain image file. That's the moment to convert.

Why PNG is the right target

PNG is the raster format that plays everywhere, and it has one quality other common formats lack: it preserves transparency. A logo converted to PNG keeps its transparent background, so it sits cleanly on any slide or page colour instead of arriving in a white box. For photos, JPG would be lighter — but for logos, icons and graphics with sharp edges or transparency, PNG is the honest choice.

Convert SVG to PNG in three steps

With Convrtr's free tool, the conversion runs entirely in your browser: your files are never uploaded anywhere.

• Open the SVG to PNG tool and drop in your SVG file.
• Choose the output size that matches where the image will be used.
• Download the PNG, then check it against a dark and a light background if it uses transparency.

When to keep the SVG instead

Conversion is one-way in spirit: a PNG is pixels, and pixels don't scale back up. If the image will live on a website, stay editable, or be reused at many sizes, keep the SVG as your master and make PNG copies for each destination. Convert for delivery; archive the vector.

Picking the right size, first time

The size question has one good answer: the size the image will actually be shown at. A logo destined for a slide doesn't need the pixel count of a poster; a social avatar doesn't need the resolution of a printout. Oversized PNGs only make files heavier and uploads slower, with zero visible benefit — the screen can't display pixels that aren't there in the layout.

One refinement is worth knowing: on high-density screens, an image shown at a given size looks crisper if the file carries about twice the displayed pixels. So if your logo will appear roughly 400 pixels wide, a PNG around 800 pixels wide is the sweet spot — sharp on modern screens, still light. Beyond that, you're paying weight for sharpness nobody can see.

Whatever size you pick, check the result twice: once on a light background, once on a dark one. Transparency behaves differently against each, and a faint halo or a dark edge that was invisible on white shows up immediately on black. That check takes ten seconds and saves the most common embarrassment of logo conversion.

PNG for screens, and a word about print

Screens and paper want different things from the same image, and confusing them is the classic PNG mistake. A screen shows an image at a fixed pixel size, so a PNG matched to its display size is perfect. Paper has no pixels of its own: a printer lays down tiny dots, and a small PNG stretched across a printed page turns soft and visibly pixelated.

The rule of thumb is simple: for anything that will be printed — a flyer, a poster, a document cover — keep the vector SVG, or export the PNG much larger than the screen version. Print rewards pixel count in a way screens don't, and a PNG that looks crisp in a slide deck can still disappoint on paper.

Conversely, don't send print-sized PNGs to screens. A logo exported at poster resolution and pasted into a chat message is just weight: nobody's screen will show those extra pixels, and the file will be slow to send and slow to open. One master SVG, one screen-sized PNG, one print-sized PNG if needed — three files, each doing exactly one job.

Frequently asked questions