Convert SVG to PNG
Output is typically roughly 700× larger.
- Files stay on your device
- No upload, no waiting
- No sign-up, no watermark
How it works
Add your SVG file
Drag a SVG file onto the drop zone, or click to browse. You can select several at once.
Choose your settings
PNG is lossless, so there is nothing to configure — the output matches the input pixel for pixel.
Download the PNG
Conversion runs on your device as soon as each file is added — no upload, no queue. Download each result when it is ready.
Related tools
All image tools- SVG to JPGOutput is typically roughly 160× larger.
- SVG to WebPOutput is typically roughly 105× larger.
- JPG to PNGOutput is typically roughly 4.4× larger.
- Compress ImageSmaller files, quality you control.
- Resize ImageExact pixel dimensions, aspect ratio kept.
- Crop ImageReframe without losing any sharpness.
Questions
What size will the PNG be?
It uses the size declared on the SVG itself, or its viewBox if no width and height are set. Many icon SVGs declare something tiny like 24 × 24, which produces a 24-pixel PNG. If yours comes out smaller than you expected, edit the width and height attributes in the SVG before converting — it is a text file, so any editor will do.
Will converting SVG to PNG make the file smaller?
Usually, yes. A 12-megapixel photo is around 20 KB as SVG and around 14 MB as PNG — roughly 700× larger. Because PNG is lossless the result depends entirely on the image content — flat colour and text compress far better than photographic detail.
Does converting SVG to PNG lose quality?
No. PNG is lossless, so every pixel decoded from your SVG file is stored exactly. Both formats are lossless, so the conversion is pixel-for-pixel identical.
Is transparency preserved when converting SVG to PNG?
Yes. Both SVG and PNG support an alpha channel, so transparent and semi-transparent pixels carry across unchanged — a logo with a cut-out background stays cut out, and soft drop shadows keep their gradient rather than picking up a white halo. Because PNG is lossless, the alpha channel is stored exactly as it was.
What happens to an animated SVG?
Only the first frame is converted. Every conversion here decodes one frame onto a canvas and re-encodes it, so the result is always a still image — that applies to PNG as much as to any other target. To shrink an animation while keeping the motion, a video file (MP4 or WebM) is usually around a tenth of the size of the equivalent SVG, and needs an encoder we do not ship yet.
What resolution will the PNG be?
SVG is vector, so it has no inherent resolution — it has to be rendered at a chosen pixel size. We use the SVG's declared width and height, or its viewBox if no size is set. Because you are converting from vector to pixels, the result stops being scalable: export at 2× the size you plan to display for sharpness on high-DPI screens.
About svg to png
Why people convert SVG to PNG
A vector logo that has to go into something that cannot read SVG — a slide deck, a marketplace listing, an email signature, a print template, or a social profile picture.
PNG is the right raster target for anything with a transparent background, and the only one of the three that keeps it. Export at roughly twice the size you plan to display, so it stays sharp on high-DPI screens.
Worth knowing: You lose scalability permanently. Keep the SVG as the master and re-render from it whenever you need a different size, rather than scaling the PNG up.
SVG and PNG side by side
| SVG | PNG | |
|---|---|---|
| Full name | Scalable Vector Graphics | Portable Network Graphics |
| Compression | Vector — resolution independent | Lossless |
| Transparency | Yes — alpha channel | Yes — alpha channel |
| Animation | Yes | No |
| Browser support | Universal in all modern browsers | Universal — every browser since 1996 |
| Typical 12 MP photo | ~20 KB | ~14 MB |
| Usually used for | Logos, icons, charts and illustrations | Screenshots, logos, icons, diagrams and anything needing transparency |
On a typical 12-megapixel phone photo, the PNG output comes out roughly 700× larger than the SVG original. These are order-of-magnitude figures for one kind of image — your own results will vary a great deal, because flat colour, text and line art behave nothing like photographic detail.
What to watch out for
- Very large files for photographic content
- No animation (APNG is a separate, less-supported extension)
- Slower to decode than JPEG at the same pixel count
- Animation is lost. Only the first frame is converted — every conversion here decodes a single frame onto a canvas and re-encodes it, so the result is a still image whatever the target format. To shrink an animation and keep the motion, a video file is typically around a tenth of the size of the equivalent SVG.
About the two formats
SVG is not pixels at all — it is XML describing shapes, so it stays perfectly sharp at any size and is usually a few kilobytes. That makes it ideal for logos and icons and useless for photographs. Converting a photo to SVG is not really possible; converting an SVG to a raster format is just rendering it at a chosen size.
PNG stores every pixel exactly as it was, with no generation loss no matter how many times you re-save it. That fidelity is why it dominates screenshots, logos and UI assets, and also why it is the wrong choice for photographs — lossless compression simply cannot get a 12-megapixel photo down to a reasonable size.
Other conversions
Everything runs on your device — nothing is uploaded, so there is no size limit, no queue and no copy left on a server afterwards. There is more on how browser-based conversion works if you want the detail. Otherwise, browse every image tool.