How to use the SVG to PNG tool
- Select one or more .svg files, or drop them onto the box. You can convert up to 20 at once.
- Pick a size: 1x keeps the size written in the SVG, 2x to 4x multiply it, or choose Exact width and type the pixels you need.
- Leave the background Transparent for logos and icons, or choose white or any colour.
- Download each PNG, or click Download all as ZIP. Changing a setting redraws every file straight away.
Why convert SVG to PNG?
SVG is a vector format: instead of storing pixels, the file describes shapes, lines and colours in text. That makes it perfect for logos and icons, because it stays sharp at any size and is usually tiny. The problem is that plenty of places still expect an ordinary picture. You will need a PNG when:
- A social network, marketplace or job portal will not accept .svg uploads for a profile picture, banner or company logo.
- You are putting a logo into an email signature, where many mail apps do not display SVG.
- An app store, favicon generator or slide deck asks for a PNG at a set pixel size.
- A printer or client wants a plain image file they can open without design software.
PNG is the natural partner for SVG because both support transparency, so a logo keeps its clean edges on any background.
How to choose the right size
An SVG has no fixed resolution, so the one decision that matters is how many pixels you want. This tool reads the size written inside the file (its width and height, or its viewBox) and uses that as 1x. Sizes in mm, cm, inches or points are converted at 96 pixels per inch, the same rule browsers use.
| You need it for | Good setting |
|---|---|
| Website or app icon | 2x the display size |
| Profile picture or social avatar | Exact width 400 to 1080 px |
| Slide deck or document | 2x or 3x |
| Print at 300 DPI | Width in inches × 300 |
Very large requests are reduced to about 16.7 million pixels (for example 4096 × 4096), the most that Safari on iPhone and iPad can draw on a canvas. You will see a note on any file this affects.
What may look different
When a browser draws an SVG as an image, it deliberately switches some features off. It blocks scripts, and it does not fetch fonts, stylesheets or pictures the file links to on other websites. Anything written inside the SVG itself works. So if a logo’s lettering looks wrong, convert the text to outlines in Illustrator, Inkscape, Figma or similar and export the SVG again.
Converting a whole icon set
Designers often hand over a folder of SVG icons when a developer or client needs PNGs. Drop all of them in at once, set the size once, and every icon comes out at the same scale. Use Exact width if they must all be, say, 512 pixels wide, or 2x if they were drawn at different sizes on purpose and should keep those proportions. Then download them together as one ZIP.
After converting
A PNG of a detailed illustration at 4x can be several megabytes. If it is going on a website, convert it to WebP or run it through Compress Image to make it lighter. If you made it too large, Resize Image brings it down to an exact size without converting again.
Frequently asked questions
Does converting SVG to PNG lose quality?
The shapes are drawn fresh at the size you choose, so the PNG is as sharp as the SVG at that size. What you lose is the ability to scale: a PNG made at 500 pixels wide will look soft if you later stretch it to 2000. Pick the largest size you will need now and keep the SVG as your master copy.
What size should my PNG be?
For a website or app, use 2x the size it will be shown at, so it stays crisp on high-density phone and laptop screens. For print, multiply the printed width in inches by 300: a logo printed 3 inches wide needs a PNG about 900 pixels wide.
Is the transparent background kept?
Yes. With Transparent selected, any area the SVG does not paint stays see-through in the PNG. If you save as JPG instead, transparent areas become white, because the JPG format cannot store transparency.
Why does the text in my PNG use a different font?
When a browser treats an SVG as an image, it does not download fonts or pictures that the file links to from elsewhere, so linked web fonts fall back to a system font. In your design app, convert the text to outlines (also called paths) or embed the font in the SVG, then convert again.
My SVG shows a blank or tiny image. What is wrong?
Check that the file opens in your browser on its own. If it does but comes out at 300 by 150 pixels, the SVG has no width, height or viewBox, and that is the size browsers assume. Choose Exact width, or add a viewBox in your editor so the shape is known.
Can I convert an animated SVG?
You get one still image. Scripts never run in SVG images, and PNG holds a single frame, so the result shows the drawing as it first appears.
Are my SVG files uploaded?
No. Your browser reads the file and draws it on your own device. Logos and artwork for unreleased products stay private.
Guide by the ToolsYes team · Last updated