How to convert SVG to PNG
- Choose your .svg files, such as a logo, icon set or illustration.
- Pick an output width: 512, 1024, 2048 pixels, or type your own.
- Convert and download the PNGs, or the whole batch as a ZIP.
Vectors versus pixels
An SVG isn't a picture made of pixels. It's a set of drawing instructions: lines, curves, shapes and colors described as text. That's why an SVG logo stays razor-sharp whether it's shown as a tiny icon or across a billboard. PNG, on the other hand, is a grid of pixels with a fixed width and height. Converting SVG to PNG therefore means rendering the drawing once, at one specific size, and saving the result.
You need that whenever a place accepts only ordinary images: social media profile pictures, many content systems and email signatures, office documents on older software, app store listings, and plenty of chat apps.
Choosing the output width
Because an SVG has no pixel size of its own, you decide how big the PNG should be. The height is calculated automatically from the drawing's proportions, taken from its width and height attributes or, when those are missing, from its viewBox. So a square icon at 1024 gives 1024 × 1024 pixels, and a wide 4:1 logo gives 1024 × 256.
| Width | Good for |
|---|---|
| 512 px | Avatars, small icons, email signatures |
| 1024 px | Slides, documents, social posts, app icon masters |
| 2048 px | Print, high-resolution displays, large banners |
| Custom | Any exact size a platform asks for (up to 8192 px) |
Choosing a larger width doesn't make the drawing blurry; it just draws it with more pixels. If in doubt, go bigger: shrinking a PNG later works well, while enlarging one always looks soft.
Icons for app stores and websites
App stores require raster icons. Apple asks for a 1024 × 1024 pixel App Store icon, and Google Play asks for a 512 × 512 PNG. Render your SVG at those widths here (use a square SVG so the height matches). For a website's browser tab icon, the Favicon Generator creates the full set of small sizes in one step.
Transparency and limits
Areas the SVG doesn't paint stay transparent in the PNG, so a logo keeps its see-through background. A few things can't be rendered: SVGs that load pictures or web fonts from other files or websites display without those parts, because a browser won't fetch outside resources for an SVG drawn as an image. Text in fonts installed on your device, and images or fonts embedded inside the SVG, work fine. If an important font is missing, convert the text to outlines in your design program first. Scripts and animations in the SVG are ignored; you get a still image.
The rendering is done by your browser on your own device. Nothing is uploaded.
More ways to use this tool
Frequently asked questions
My SVG has no width or height. Will it still convert?
Yes. The proportions are read from the viewBox, and the drawing is scaled to the width you choose. SVGs with neither size nor viewBox are drawn at a default 300 × 150 area, as browsers do.
Why is text in my PNG in the wrong font?
The SVG probably refers to a web font or a font you don't have installed. Embed the font in the SVG or convert the text to paths in your design tool, then try again.
Can I get a PNG with a white background?
Choose JPG as the output and pick white as the background, or use SVG to JPG. A PNG keeps the transparent areas as they are.
What is the largest width I can choose?
Up to 8192 pixels. Very large images need a lot of memory, so phones may struggle near the top of that range.
Can I convert several SVG icons at once?
Yes. All selected SVGs are rendered at the same width and can be downloaded together as a ZIP.