SVG to PNG Converter - Free & Private

Rasterise a vector logo or icon at the exact pixel width you need for platforms that reject SVG uploads.

🖼️

Drop SVG files here or click to select

Up to 20 files at once. Nothing is uploaded, conversion runs in your browser.

Height follows the original proportions.

Converting SVG to PNG

SVG describes a picture as maths: paths, curves, fills and text in an XML file that stays perfectly sharp at any size. PNG describes it as a fixed grid of pixels. This converter rasterises the vector at a width you choose, which is why the output width field matters more than anything else on this page. Height follows the original proportions automatically, so you only ever have to pick one number.

Rasterising is a one way street. Once the paths become pixels there is no route back, and enlarging the PNG afterwards only gives you a soft, blurry version of what you exported. Decide what the asset is for before you convert. A 400 pixel logo slot on a retina screen wants an 800 pixel export. A social preview image wants 1200. An app store screenshot wants whatever that store specifies. Always keep the original SVG.

Almost every request for this comes from a platform that refuses SVG uploads. Instagram and LinkedIn will not take it. Most print on demand services want a PNG at a stated pixel size. Mail clients strip SVG out entirely. Open Graph preview images have to be raster, because the crawlers that read them do not run a rendering engine. Older PowerPoint builds and many media libraries block the format outright, since an SVG can carry scripts.

Two limits are worth knowing before you convert. Fonts referenced by name inside the SVG are drawn with whatever the browser can find, so convert text to outlines in your vector editor first when the typeface matters. Images pulled in from remote addresses inside the SVG will not render either. Flat colour artwork rasterises beautifully, since large uniform areas compress extremely well in PNG and the transparent background carries across intact.

The conversion runs on the canvas in your own browser, so unreleased logos and client identity work are never uploaded anywhere. If the file came out of Illustrator with editor metadata and unused definitions, our SVG Optimizer will clean up the master first. When the destination is a browser tab rather than a page, the Favicon Generator produces the right sizes, and the App Icon Generator handles a full icon set in one go.

How the SVG to PNG Converter Works

  1. 01Add your .svg files. Up to twenty are handled per batch, all locally in your browser.
  2. 02Set the output width in pixels. The height is worked out from the original proportions, so you never have to calculate it.
  3. 03The browser renders the vector at that size onto a canvas, exactly as it would draw it on a page.
  4. 04Download the PNG files, each one carrying a transparent background where the SVG had one.

Choosing the Right Export Width

Everything about this conversion comes down to one decision: how wide should the PNG be. Vectors have no natural size, so the number you type is the number you are stuck with. Work backwards from where the file is going. For a logo that will sit in a 400 pixel wide slot on a website, export at 800 so it stays sharp on high density screens. For a social preview image the usual target is 1200 pixels wide. For a marketplace or print on demand listing, read the platform specification and match it exactly, because those services reject anything below their minimum. When the same logo needs several sizes, convert several times rather than exporting once and scaling down in an image editor; each render from the vector is pixel perfect at its own size, while a resize is always an approximation. Two things trip people up. Text drawn with a font that is only named, not embedded or converted to outlines, gets substituted with whatever the browser can supply, which can change the shape of a wordmark. And any bitmap the SVG pulls in from a remote address will not appear at all. Flatten those into the file before converting.

When to Use SVG to PNG

Use it whenever the destination will not take a vector. Social platforms, most email clients, print on demand marketplaces, app store listings, Open Graph preview images and a large share of content management systems all require raster uploads. It is also the answer when a colleague simply cannot open an SVG in the software they have. Do not convert for your own website, where the SVG is smaller, sharper at every zoom level and stylable with CSS. And never treat the PNG as the master copy, because the vector is the only version you can still scale.

Common Use Cases

  • Uploading a company logo to a social platform or a job board that rejects vector files.
  • Producing an Open Graph preview image, since link crawlers cannot render SVG.
  • Supplying artwork to a print on demand service at the exact pixel dimensions it specifies.
  • Cleaning up an exported SVG before archiving the vector master. SVG Optimizer - Minify & Clean SVG Files
  • Building the browser tab icon set once the raster version exists. Favicon Generator - Create Icons from Text

Expert Tips

  • Export every size you need directly from the vector. Rendering at 512 and again at 1024 beats rendering once and scaling up.
  • Convert type to outlines before you bring the file here, otherwise a missing font quietly changes your wordmark.
  • If the SVG has no width and height attributes, give it a viewBox and explicit dimensions in the source. Browsers need something to work from when rendering to a canvas.
  • Remote images and external stylesheets referenced by the SVG will not load during rasterising. Embed them or flatten them first.

Frequently Asked Questions

Can I convert the PNG back into an SVG?→
Not in any meaningful sense. Rasterising throws away the paths and leaves only pixels. Automatic tracing tools can guess at shapes, but the result is a new approximation rather than your original artwork. Always keep the SVG file.
Why do the fonts look wrong in my PNG?→
The SVG probably refers to a typeface by name without embedding it. The browser substitutes something it has available, which changes letter shapes and spacing. Convert text to outlines in your vector editor before exporting and the problem disappears.
What width should I choose for a website logo?→
Roughly double the space it occupies on screen, so that it stays crisp on high density displays. A logo shown at 300 pixels wide should be exported at 600. Going far beyond that just adds file size with no visible gain.
Does the transparent background survive?→
Yes. PNG has a full alpha channel, so anywhere the SVG left empty comes out transparent. If you want a solid colour behind the artwork instead, add a filled rectangle in the SVG before converting.

Related tools

12 suggested