Vector in, pixels out
SVG describes a picture as shapes and paths, which is why it stays sharp at any size. That is perfect for websites, but many places cannot use it: social networks, chat apps, office documents, email signatures, app store listings and plenty of upload forms want a regular image instead.
Converting to PNG turns the drawing into pixels at a fixed size while keeping the transparent background. To make sure small icons come out sharp, this converter renders any SVG smaller than 1024 pixels on its longest side at 1024 pixels, and keeps larger drawings at their declared size, up to 8192 pixels.
SVG vs PNG at a glance
| Feature | SVG | PNG |
|---|---|---|
| Full name | Scalable Vector Graphics | Portable Network Graphics |
| Type | Vector image written in XML | Raster image |
| Introduced | 2001 | 1996 |
| Created by | W3C | PNG Development Group (W3C recommendation) |
| Compression | None (plain text, optionally gzipped as SVGZ) | Lossless (DEFLATE) |
| Transparency | Yes | Yes, full alpha channel |
| Animation | Yes, with CSS or SMIL | Only through the APNG extension |
| Color depth | Any color, defined in code | Up to 48-bit color plus alpha, or an 8-bit palette |
| Best for | Logos, icons and illustrations that must scale | Screenshots, logos and graphics with sharp edges |
| Support | All browsers and design tools; rejected by most photo upload forms | Universal: every browser, operating system and editor |
| MIME type | image/svg+xml | image/png |
How to convert SVG to PNG
Step 1: Choose the SVG
Drop a .svg file exported from Figma, Illustrator, Inkscape or an icon library.
Step 2: Keep PNG as the target
PNG is preselected. JPG and WebP are also available if you do not need transparency.
Step 3: Convert
Your browser draws the SVG at the calculated size on a transparent canvas and saves it as PNG.
Step 4: Download
Use the PNG in documents, slides, social posts or anywhere SVG is not accepted.
How the SVG is rendered
Size from the file
The width and height attributes are used, or the viewBox when those are missing.
Small icons scaled up
Drawings under 1024 px on their longest side are rendered at 1024 px so edges stay crisp.
Transparent background
Areas the SVG does not paint remain transparent in the PNG.
Rendered by your browser
The same engine that displays the SVG on a web page draws the PNG.
When you need a PNG instead of an SVG
Social media and chat. Platforms like Instagram, LinkedIn and WhatsApp do not accept SVG uploads.
Office documents. Older versions of Word, PowerPoint and Google Slides handle PNG more reliably.
Email signatures. Most email clients block or ignore SVG images.
App icons and store assets. Stores and build tools usually require PNG at specific sizes.
Getting the size you want
Because SVG has no fixed resolution, the PNG size has to be chosen. This converter reads the size the designer declared in the file. A 24 by 24 icon is upscaled to 1024 by 1024 so it is usable at large sizes, while a 2000 pixel wide illustration stays 2000 pixels wide.
Need an exact size, such as 512 by 512 for an app icon or 32 by 32 for a favicon? Convert here, then use the image resizer, or generate a full favicon set with the favicon generator, which downsamples in steps for sharp small icons.
Why an SVG might render differently
Browsers render SVG files in a secure mode when they are drawn as images. External resources are blocked, so an SVG that links to web fonts or outside images may show a fallback font or missing pictures. Text converted to outlines in your design tool avoids that problem.
Scripts and interactive features inside an SVG are also ignored, and CSS animations are captured at their starting state. Filters, gradients, masks and clipping paths are supported as they would be on a web page.
- Outline or embed fonts before exporting the SVG.
- Embed raster images as data URLs instead of linking them.
- Check the PNG for missing elements if the SVG came from the web.
Tips for clean SVG to PNG results
- Make sure the SVG has a viewBox; it tells the renderer how to scale the drawing.
- Remove hidden layers and unused artboards before exporting from your design tool.
- For a solid background, convert to JPG instead, which fills transparent areas with white.
- Keep the SVG as your master file and generate PNGs whenever you need a new size.
SVG to PNG questions
What size will my PNG be?
The size declared in the SVG, or 1024 pixels on the longest side if the SVG is smaller than that. Very large drawings are capped at 8192 pixels.
Is the background transparent?
Yes. Anything the SVG does not paint stays transparent in the PNG.
Why is my text in the wrong font?
SVGs drawn as images cannot load external web fonts. Convert the text to outlines, or embed the font, before exporting the SVG.
Are scripts in the SVG executed?
No. The SVG is rendered as a static image with scripting disabled, which is also safer.
Can I set a custom resolution?
Not directly in this converter. Convert first, then use the image resizer to set exact dimensions.
Is the SVG uploaded?
No. Your browser renders and encodes the image locally.