Free tool

SVG to PNG converter

This free tool to convert SVG to PNG renders your vector artwork straight in the browser and exports a crisp raster image at any resolution. Upload an .svg file or paste raw markup, pick 1×, 2×, 3×, or a custom width, choose a transparent or white background, and download a PNG (or JPG) in seconds — nothing is ever uploaded to a server.

SVG to PNG converter

Upload an SVG file or paste raw markup, choose a resolution, and export a crisp PNG (or JPG) — entirely in your browser.

Free & unlimitedNo upload — 100% privateTransparent or white background

Drop an .svg file here, or click to browse

Or paste raw SVG markup in the box below

Output scale

Add an SVG to see its detected size.

Background

Transparent PNGs keep see-through areas. The JPG download is always flattened onto white since JPG doesn't support transparency.

Output will be 600×600px

Conversion happens entirely inside this browser tab using the HTML canvas API. Your SVG is never uploaded to a server, so it works offline and stays private.

How to convert SVG to PNG online

  1. Add your SVG. Drag an .svg file onto the box above, click to browse, or paste the raw SVG markup directly into the text area — both work identically.
  2. Pick an output scale. Choose 1× for the SVG's native size, 2× or 3× for a sharper, higher-resolution export, or switch to Custom and type an exact pixel width. Height is always calculated automatically from the SVG's aspect ratio, so nothing gets stretched or squashed.
  3. Choose a background. Leave it on Transparent to keep see-through areas (ideal for logos and icons), or switch to White if the PNG needs a solid backdrop.
  4. Convert and download. Click Convert to PNG, check the live preview and output dimensions, then download the PNG or, if you need broader compatibility, the flattened JPG version.

Because everything renders on the canvas inside your browser tab, there is no upload wait, no file size cap tied to a server, and no watermark on the result.

Why convert an SVG to PNG?

SVG (Scalable Vector Graphics) is a fantastic format for logos, icons, and illustrations because it scales to any size without losing quality and keeps file sizes tiny. But plenty of tools and platforms still don't accept vector formats, or need a fixed-pixel raster image instead. Converting SVG to PNG online solves that instantly:

  • Universal compatibility. Every image editor, CMS, social platform, and email client supports PNG. Not all of them render SVG reliably, especially older software and some email clients.
  • Transparent backgrounds where you need them. PNG supports full alpha transparency, so a logo or icon exported from an SVG drops cleanly onto any background color or photo.
  • Predictable, pixel-perfect output. Once rasterized at a specific resolution, a PNG looks identical everywhere it's placed — no risk of a renderer interpreting the vector markup differently.
  • App store, ad platform, and CMS requirements. Many upload forms (favicons, app icons, product images, ad creative) explicitly require PNG or JPG and reject SVG outright.
  • Easier to embed in raster workflows. Presentation software, some design tools, and most image-processing pipelines expect raster input, not vector markup.

Choosing the right output scale

Because SVG is resolution-independent, the PNG you export is only as sharp as the pixel size you request — this converter lets you control that precisely:

ScaleBest forNotes
Matching the SVG's declared sizeUses the width/height or viewBox already set in the markup — no scaling applied.
Retina / high-DPI displaysDoubles the pixel dimensions so the PNG stays sharp on modern screens.
App icons, print-adjacent useTriples resolution for maximum sharpness when the PNG will be scaled down or zoomed.
CustomAn exact pixel width you needType any width; height is computed from the SVG's aspect ratio automatically.

A good rule of thumb: export at least 2× the size you plan to display the PNG at, especially for logos and icons, so edges and curves stay crisp on high-resolution screens instead of looking soft or pixelated.

Transparent vs. white background

SVGs are usually transparent by default — there's no background unless the artwork explicitly draws one. When you rasterize to PNG, you get to decide what fills that empty space:

  • Transparent keeps the alpha channel intact, so the PNG drops onto any colored background, photo, or dark mode UI without a visible box around it. This is almost always the right choice for logos, icons, and badges.
  • White flattens the artwork onto a solid white canvas before export — useful when a platform doesn't handle transparency well, or when you want a document-style image with a clean backdrop.

The JPG download is always flattened onto white automatically, since the JPG format has no transparency support at all — exporting a transparent SVG straight to JPG would otherwise fill empty areas with black in many renderers. If you need to preserve transparency, always grab the PNG.

What if my SVG doesn't have a width or height?

Many SVGs, especially ones exported from icon libraries, omit explicit width and height attributes and rely entirely on a viewBox to define their proportions. This converter handles that automatically: it first looks for width/height on the <svg> tag, and if either is missing, it falls back to reading the viewBox attribute to work out the correct aspect ratio. If the markup has neither, there's no way to know the intended proportions, so the tool falls back to a square 300×300 canvas and shows a clear warning — at that point, setting a custom width yourself guarantees the exact output size you want.

Is this SVG to PNG converter safe and private?

Yes. The entire conversion — reading the SVG, rendering it into an <img> element via a Blob URL, drawing it onto an HTML canvas, and exporting a PNG or JPG — happens locally in your browser tab. Your SVG markup and the resulting image are never uploaded anywhere, there's no server round-trip, and the tool keeps working even if your connection drops after the page has loaded. That makes it safe to use on unreleased logos, client work, and anything else you'd rather not send through a third-party server.

Who uses an SVG to PNG converter?

  • Designers & brand teams export logo PNGs at multiple resolutions for handoff to developers or clients who can't open vector files.
  • Web developers generate PNG fallbacks and favicons for browsers or platforms that don't reliably render inline SVG.
  • App developers convert vector icon sets into the fixed-pixel PNGs required by app store icon and asset specifications.
  • Marketers turn a vector logo into a PNG for ad platforms, email signatures, and slide decks that only accept raster formats.
  • Bloggers & content creators flatten SVG illustrations and diagrams into PNGs for CMSs that mangle or block inline vector uploads.
  • Print and merch shops need a high-resolution raster version of a vector logo before sending it to a print vendor.

SVG to PNG tips for the sharpest results

  • Export at 2× or 3× whenever the PNG will be displayed on a modern retina screen — 1× can look soft.
  • Keep the background transparent unless the destination genuinely needs a solid backdrop; you can always flatten a transparent PNG later, but you can't add transparency back to a flattened one.
  • If your SVG uses external fonts or images via <image> references, make sure they're embedded or publicly reachable — the browser needs to load them to render correctly.
  • Double-check the output dimensions shown before downloading — they should match what you expect from your chosen scale or custom width.
  • For icon sets, convert each SVG at the exact pixel size your platform specifies (e.g. 512×512 for many app icons) using the custom width option.

Need to go the other direction, or convert between raster formats instead? Try the WebP to PNG converter or the image compressor to shrink the PNG once it's exported.

Frequently asked questions

How do I convert SVG to PNG for free?
Drop an .svg file onto this page or paste the SVG markup into the text box, pick an output scale (1x, 2x, 3x, or a custom width), choose a transparent or white background, and click Convert to PNG. The conversion runs entirely in your browser and the download is free with no sign-up.
Will the converted PNG stay transparent?
Yes, if you leave the background set to Transparent. The PNG format fully supports alpha transparency, so any see-through areas in your SVG are preserved. The JPG download is always flattened onto white, since JPG doesn't support transparency.
What resolution should I export my SVG at?
For screens, 2x is a safe default because it stays sharp on retina displays. For app icons or print, use the Custom option and enter the exact pixel width required by the platform you're uploading to.
What happens if my SVG has no width or height set?
The converter reads the viewBox attribute instead to work out the correct aspect ratio automatically. If the SVG has neither a width/height nor a viewBox, it falls back to a 300x300 canvas and shows a warning — set a custom width to control the exact output size in that case.
Is this SVG to PNG converter safe for confidential or unreleased designs?
Yes. The whole conversion happens locally using the HTML canvas API — your SVG markup and the resulting PNG are never uploaded to a server, so nothing leaves your browser tab.
Can I also export a JPG instead of a PNG?
Yes. After converting, you'll see both a Download PNG and a Download JPG button. The JPG is automatically flattened onto a white background since JPG has no transparency support.

Convert the icon, then shorten the link

fewly turns any URL into a short, branded, trackable link — free to start, no credit card.