Skip to main content

Convert

SVG to PNG Converter

Upload an SVG and render it at any size as a PNG. Set a custom width and height or use the SVG's natural dimensions. Background can be transparent or a custom color. SVG scripts are blocked for safety.

Written by · Published · Last updated

Client-side · runs in browserPrivate by designSVG

How this tool handles files

Processing
In your browser, on-device
Storage
Nothing stored
Output
A file you download
Your responsibility
Review before official use
  • Runs in your browser. Your file is processed on your own device and, on this site, is not uploaded to our servers.
  • Nothing is stored. Your file and its output are gone the moment you close or reload the page.
  • Review sensitive files (bank, ID, medical) and check the output before sharing it.

Every tool on FormatOS runs in your browser. Read our Privacy Policy and File Handling Policy.

Input formats

SVG

Output formats

PNG

Common uses

  • Export an SVG icon as a PNG for use in apps
  • Create a PNG version of a vector logo
  • Prepare SVG illustrations for platforms that don't support SVG

Limitations

  • SVGs with unsupported browser rendering features may render incorrectly.
  • SVGs containing scripts, event handlers, or external resources are blocked for safety.

Turning vector files into fixed-pixel PNGs

SVG is a vector format, so it stays crisp at any size, but plenty of places will not accept it: app icon pipelines, email clients, older CMS uploaders, social platforms, and design tools that expect a raster image. This converter renders your SVG once at the pixel size you choose and hands back a PNG, which is the format those destinations actually understand.

Because the output is a snapshot at a chosen resolution rather than a live vector, decide your target size before exporting. If you need a 512-pixel app icon and a 64-pixel thumbnail from the same source, run the conversion twice at each size. The PNG keeps a transparent background by default, so a logo or icon drops cleanly onto whatever sits behind it.

The download keeps your file's name, so logo.svg comes back as logo.png.

How sizing and background choices behave

The width and height fields each accept a value from 1 to 8000 pixels. Leave both blank and the tool uses the SVG's own natural dimensions; if the file declares no intrinsic size at all, it falls back to a 300 by 300 canvas so you still get a usable image rather than an error.

Width and height are applied independently when you fill in both, which gives you room to deliberately reshape artwork but also means mismatched numbers will stretch or squash it. To scale proportionally, set only one dimension and leave the other blank: it is worked out from the SVG's own width and height, or from its viewBox when those are missing.

Background offers three options. Transparent preserves the SVG's empty areas, which is the right pick for icons and logos meant to overlay other content. White flattens everything onto a solid white canvas, useful for documents or platforms that render transparency oddly. Custom opens a color picker so you can paint the backdrop any single solid color you like.

What the safety check actually blocks, and where it runs

SVGs are XML and can carry executable content, so the tool inspects the file's text before rendering it. It stops if the markup contains a script tag, a javascript: reference, or an event-handler attribute such as onload or onclick, and tells you which kind of content it found. Attribute names that merely contain "on", such as patternContentUnits, are not mistaken for handlers, and a DOCTYPE line, which Illustrator and similar apps add, is fine.

It also stops when the SVG loads images or fonts from another website (a remote href, src or url() reference). An SVG drawn as an image never fetches those, so the PNG would silently be missing parts; embed them in the file or remove them. References inside the file (#id) and embedded data: images convert normally. The check looks for these patterns rather than fully sanitizing the file, so treat a passing file as free of them, not as audited.

Everything happens locally: the SVG is screened, drawn and encoded to PNG on your machine, and on this site it is not uploaded, which suits unreleased artwork.

Frequently asked questions

SVGs can contain embedded scripts and external resource references that create security risks when loaded in a browser. SVGs with these features are rejected to protect you.

Related tools

Tool last reviewed: September 27, 2026 · Report a problem