SVG → PNG

Rasterize SVG vector files into PNG images

How it works

SVG → PNG — Rasterize SVG vector files into PNG images. All processing happens in your browser — no upload, no signup, no email required. Free forever.

Last updated: 2026-05-06

Editor's note

We built this because the App Store wanted a 1024×1024 PNG of our logo and the SVG we exported had a radial gradient that Inkscape's CLI renderer banded into ugly stripes. The brand looked broken on the listing page, we didn't notice for a day, and the screenshot stayed up the whole time. We hated the entire pipeline after that — every command-line SVG rasteriser we tried had at least one filter primitive it interpreted differently from a browser.

So we settled on the only renderer that matches what users actually see: the browser's own SVG engine. The PNG you download here is pixel-identical to what a Chrome user would screenshot from your live site. That is the only consistency that matters for brand assets, and it is the reason we did not bother building a server-side fallback for older browsers. If your SVG renders correctly in the preview, it will render correctly everywhere your audience lives.

About SVG → PNG

SVG → PNG turns scalable vector graphics into rasterised PNG images at any resolution you choose. SVG is unbeatable for the web because it stays sharp at every zoom level, but most app stores, social platforms, presentation tools, e-commerce dashboards, and legacy printers still expect a fixed-size PNG. This tool gives you a quick way to bridge that gap without opening Illustrator or Inkscape.

It's built for designers handing off icons to developers, marketers preparing OG images, founders generating app store assets, and anyone who needs a transparent or solid-background PNG from an .svg file in seconds. Pick the size, choose a background, and download — no account, no email, no waiting in a queue.

Conversion happens entirely in the browser using the native Canvas API, so your artwork never touches a server. That matters when the SVG contains unreleased branding, NDA-covered icons, or client work you can't upload to random tools.

How to use SVG → PNG

Drop your .svg file into the upload area or click to browse — multiple files can be queued at once.
Pick a width preset (256, 512, 1024, 2048 px) or type a custom width; height is calculated from the SVG's aspect ratio.
Choose Transparent, White, or a custom hex colour for the background depending on where the PNG will live.
Inspect the live preview to confirm fonts, gradients, and stroke widths render the way you expect.
Click Download to save the PNG. Repeat with a different width if you need an icon set in multiple resolutions.

Common use cases

Exporting brand logos at 1024 px and 2048 px for press kits and partner pages.
Generating Open Graph and Twitter card images from an SVG illustration before publishing a blog post.
Producing high-resolution app store screenshots and marketing assets that require PNG, not SVG.
Converting an icon library to PNG for tools that don't accept SVG (PowerPoint, older email clients, some Notion blocks).
Creating retina-ready @1x/@2x/@3x PNG sets from a single source SVG.

Tips & common mistakes

If the SVG embeds external fonts via @import, the rendered PNG may fall back to a system font. Convert text to outlines in your design tool before exporting the SVG to lock the typography.
Use the Transparent background for icons that will sit on dark UI; pick White if the PNG goes into a Word doc or PDF.
Always export at least 2× the display size for retina screens — a 512 px PNG looks crisper than a 256 px one shown at 256 CSS pixels.
If colours look slightly off, the SVG might use a colour profile your browser doesn't recognise. Re-export the SVG with sRGB to keep colours consistent across viewers.

Frequently asked questions

What's the output resolution?

Either the SVG's natural size or any custom width you specify (height auto-calculated). Common presets are 256, 512, 1024, 2048 px.

Can I keep transparency?

Yes. Choose 'Transparent' as the background. Pick 'White' or a custom colour if your SVG uses transparent regions and you want them solid.

Why does my SVG render at 800×600?

We couldn't determine its natural size from the SVG (no width/height/viewBox). Use the 'Custom width' option to set it explicitly.

Can I convert multiple SVGs in one go?

Yes — drop or pick several files at once. Each one renders in the queue and gets its own download button so you can grab them individually or one after another.

Will gradients, masks and filters survive the conversion?

Most do. The browser's SVG renderer handles linear/radial gradients, clip paths, and standard CSS filters cleanly. Very advanced filter primitives (feTurbulence chains, complex feComposite stacks) sometimes look slightly different — preview before downloading.

Why is my PNG huge in file size?

PNG is lossless and stores every pixel, so a 4096 px export with photographic gradients can easily exceed 5 MB. If size matters more than perfect quality, run the result through Image Compress or convert to WebP using Image Convert.