vectors to pixels.

convert SVG files to high-resolution PNG at any scale. 100% client-side — your files never leave your browser.

drop an SVG file here

or click to browse

choose file

.svg files only

your files never leave your browser

What this tool does

Convert an SVG (vector) image to a PNG (raster) at the pixel dimensions you choose. Useful when a destination only accepts raster formats — most image platforms, email, Slack, social media uploads, OG cards, app icon pipelines.

Vector vs raster, briefly

SVG is described in math: paths, curves, fills, text. It scales to any size without losing detail because nothing is fixed at a specific pixel count.

PNG is a grid of pixels at a fixed size. Beautifully compatible with everything but cannot be scaled up without looking soft.

Converting SVG to PNG is the operation of asking the browser to render the SVG at a specific pixel size and capture the result. The browser does the math once at the size you pick.

What size to render at

Use cases and their target dimensions:

  • App icons — render multiple sizes (16, 32, 64, 128, 256, 512, 1024) since each platform requires specific dimensions. The largest size is the master.
  • OG link preview cards — 1200×630.
  • Email signatures — render at 2x the intended display size for retina sharpness, then resize to the displayed dimensions in the signature HTML.
  • Slide deck graphics — at least 1080 pixels on the longer side for HD slides; 2160 for 4K.
  • Print — multiply intended inches by 300 for DPI-safe pixel dimensions. A 2×2 inch print logo should be 600×600 pixels.

A sharp source matters

Conversion preserves whatever the SVG describes. If the SVG has fuzzy gradients or low-resolution embedded raster elements, those flaws transfer to the PNG. Clean up the SVG first if quality is critical.

Transparency and backgrounds

SVGs typically have a transparent background. PNG supports transparency too, so the conversion preserves it by default. If you want a solid background (e.g. for export to platforms that flatten alpha), set a background color in the tool before exporting — the canvas will fill that color behind the rendered SVG.

Browser-side rendering

The conversion uses native browser SVG rendering — the same code path used to display any SVG on any page — followed by a canvas snapshot to PNG. No server roundtrip. Your SVG, which might contain proprietary brand artwork or unreleased designs, stays in the tab.

What this tool does

Convert an SVG (vector) image to a PNG (raster) at the pixel dimensions you choose. Useful when a destination only accepts raster formats — most image platforms, email, Slack, social media uploads, OG cards, app icon pipelines.

Vector vs raster, briefly

SVG is described in math: paths, curves, fills, text. It scales to any size without losing detail because nothing is fixed at a specific pixel count.

PNG is a grid of pixels at a fixed size. Beautifully compatible with everything but cannot be scaled up without looking soft.

Converting SVG to PNG is the operation of asking the browser to render the SVG at a specific pixel size and capture the result. The browser does the math once at the size you pick.

What size to render at

Use cases and their target dimensions:

  • App icons — render multiple sizes (16, 32, 64, 128, 256, 512, 1024) since each platform requires specific dimensions. The largest size is the master.
  • OG link preview cards — 1200×630.
  • Email signatures — render at 2x the intended display size for retina sharpness, then resize to the displayed dimensions in the signature HTML.
  • Slide deck graphics — at least 1080 pixels on the longer side for HD slides; 2160 for 4K.
  • Print — multiply intended inches by 300 for DPI-safe pixel dimensions. A 2×2 inch print logo should be 600×600 pixels.

A sharp source matters

Conversion preserves whatever the SVG describes. If the SVG has fuzzy gradients or low-resolution embedded raster elements, those flaws transfer to the PNG. Clean up the SVG first if quality is critical.

Transparency and backgrounds

SVGs typically have a transparent background. PNG supports transparency too, so the conversion preserves it by default. If you want a solid background (e.g. for export to platforms that flatten alpha), set a background color in the tool before exporting — the canvas will fill that color behind the rendered SVG.

Browser-side rendering

The conversion uses native browser SVG rendering — the same code path used to display any SVG on any page — followed by a canvas snapshot to PNG. No server roundtrip. Your SVG, which might contain proprietary brand artwork or unreleased designs, stays in the tab.

more free tools

PDF utilities, image tools, developer helpers — all free, no signup.

Something wrong?