SVG to PNG Converter – Convert SVG Files to PNG at Any Size
Turn an SVG file — or SVG code you paste in — into a crisp PNG at exactly the width you need. Keep the transparent background or add a colour, check the live preview and download. Because SVG is a vector format, you can make PNGs of any size without losing sharpness.
Your files stay on your device
How to convert SVG to PNG
- Choose an SVG file, or paste SVG code into the box. An example is loaded to start.
- Set the PNG width in pixels — the height follows the SVG’s shape.
- Tick Add a background colour if you don’t want transparency.
- Check the preview and press Download PNG.
Common sizes
| Use | Width |
|---|---|
| Favicon source | 512 px |
| App icon | 1024 px |
| Website logo (retina) | 2× the display width |
| Social media profile | 400–1080 px |
| Print at 300 DPI, 5 cm wide | about 590 px |
| Slide or document | 1200–2000 px |
SVG vs PNG
- SVG is a vector format: shapes described in code. It stays sharp at any size and is often tiny, but some apps, email programs and social networks don’t accept it.
- PNG is a raster format: a grid of pixels with optional transparency. It works almost everywhere but gets blurry if enlarged beyond its size.
Converting to PNG at the size you need gives you the compatibility of PNG with the sharpness of the original design.
Where PNG is needed
- Social media and messaging apps, which don’t accept SVG uploads.
- Microsoft Office and Google Docs, which handle PNG more reliably.
- Email signatures and newsletters, because many email apps block SVG.
- App stores and favicons, which need fixed-size bitmaps — the favicon generator makes every size at once.
- Printing services that ask for raster images.
Tips
- Choose a width 2× the display size for sharp results on high-resolution screens.
- Outline your text in Illustrator, Inkscape or Figma before exporting the SVG if fonts look wrong.
- Check transparency on the chequered preview — dark logos can disappear on dark backgrounds.
Exporting SVGs from design apps
Figma, Illustrator, Inkscape and Canva can all export SVG. For the best results here, export with “outline text” (or convert text to paths) so the PNG doesn’t depend on fonts, and include the viewBox so the shape is known. If your SVG has no width, height or viewBox, the tool uses a default shape of 300 × 150 — add a viewBox to get the right proportions.
Batch work
To make several sizes of the same icon, change the width and download again for each size; the SVG stays loaded. For a complete set of website icons in one go, the favicon generator creates every size at once.
Security
SVG files can contain scripts. This tool draws the SVG as an image, and browsers never run scripts in SVGs drawn that way, so it’s safe to convert files from any source. To embed the PNG directly in code, use image to Base64.
Frequently asked questions
How do I convert SVG to PNG?
Choose an SVG file or paste the SVG code, set the PNG width, choose a transparent or coloured background and press “Download PNG”.
Will the PNG be sharp at large sizes?
Yes. SVGs are drawn from shapes, not pixels, so the PNG is drawn fresh at whatever width you choose, up to 8,192 pixels.
Why is my PNG transparent?
Most SVG logos and icons have no background. The PNG keeps that transparency unless you tick “Add a background colour”.
Why does my SVG look different?
When browsers draw an SVG as an image, they block external files for security. SVGs that load web fonts, linked images or external stylesheets may fall back to default fonts or miss pictures. Converting text to outlines in your design app fixes font differences.
How is the height worked out?
From the SVG’s own width, height or viewBox, so the PNG keeps the same shape. The output size is shown under the width box.
Is my SVG uploaded?
No. The SVG is drawn and converted in your browser.
Related tools
Favicon Generator
favicon.ico, Apple and Android icons and manifest from a logo or letters.Image Converter
Convert photos between JPG, PNG and WEBP, many at once.Image to Base64
Image to Base64 data URI with ready HTML and CSS snippets.Color Converter
HEX, RGB, HSL, HSV and CMYK, with a WCAG contrast check.Image Resizer
Change photo dimensions in px, %, cm or inches with aspect lock.
Last updated: