Home/Blog/018
018 · How-to · Jun 2026

SVG
to PNG.

~3 minute read Rasterize a vector cleanly — right resolution, transparency intact.

SVG is the right format for a logo or icon — it scales to any size without blurring, because it stores shapes and math, not pixels. The problem is that half the places you need to put that logo won't accept it: a lot of email clients, plenty of CMSes, slide decks, and older tools all want a raster image. So you convert to PNG, which opens everywhere. The only thing you have to get right is resolution.

Why resolution is the whole game

An SVG has no inherent size — it's infinitely scalable. A PNG has a fixed pixel grid. So when you rasterize, you're freezing the vector at one specific size, and that's the size it looks crisp at. Export a 64×64 PNG and blow it up to fill a slide and it'll look soft and blocky; the pixels to fill that space were never created.

The rule: render at the largest size you'll actually display it, then scale down if needed (scaling down stays sharp; scaling up never does). Our converter renders SVGs at a high standard resolution so icons and logos come out clean for typical web and document use without you having to fuss with a size field.

Transparency survives — if your SVG has it

PNG supports an alpha channel, so transparency carries over. If your SVG has no background shape (just the logo floating on nothing), the output PNG keeps that transparency — drop it onto any colored background and it blends correctly. If you need a solid background instead, or the smallest possible file for a photo-like graphic, SVG → JPG flattens onto white. JPG has no transparency, so that's the trade.

The fastest route

  1. Open formatly.app/convert/svg-to-png.
  2. Drag the .svg into the upload box, or click to pick it.
  3. Hit Convert and download the PNG.

Nothing to install, no signup, files deleted after an hour. It runs the same kind of vector renderer (librsvg) that design tools use under the hood, so the output matches what you'd get exporting from Illustrator or Inkscape — without opening either.

When you need a PDF or a vector instead

If the destination is print or a document rather than a webpage, skip PNG and go SVG → PDF — that keeps the artwork as true vectors inside the PDF, so it stays crisp at any print size. And if you're going the other way — you have a flat raster logo and wish it were a scalable vector — PNG → SVG traces it into vector paths. That works well on high-contrast logos and icons; it won't do anything useful with a photograph.

Related