Convert SVG to PNG at any size, in your browser
Drop in SVG files or paste SVG code, choose a scale or a width in pixels, and get sharp PNGs with their transparency kept. Every SVG is drawn in your own browser, so nothing is uploaded.
- No upload — runs in your browser
- Free, no account
- Reads SVG files or pasted code
- Up to 20 files, 20 MB each
Size
1× is the size the SVG states for itself. Each file is converted with the settings in force when it starts, so a change here also applies to files still waiting in the list.
Scale
Any number above 0, such as 1.5 or 0.5.
Or set one side in pixels
Set a width or a height; the other side follows each SVG's own shape.
Largest output: 16384 px on a side, and no more than 8192 × 8192 px in area.
Drop SVG files here or click to browse
Accepted: SVG.
Up to 20 files, 20 MB per file
How to convert SVG to PNG
Choose the size
Pick a scale such as 2×, or set a width or a height in pixels. 1× is the size the SVG states for itself, and the table below lists common icon and image widths.
Add SVG files or code
Drop in up to 20 SVG files, or open Paste code and paste the markup. Each one is drawn at the size you chose, one after another, and you can keep adding while they run.
Download the PNGs
Save each PNG on its own, named with its pixel size, or all of them as one ZIP. Whatever was transparent in the SVG is still transparent in the PNG.
SVG to PNG sizes for icons and images
Favicons and app icons come first, the small sizes where a PNG's transparency and crisp edges matter most, then larger widths for web pages and print. These are common uses, not any platform's rule, so check the size the place you upload to asks for. Pick a row and the converter uses its width.
| Width | Common use | Apply this width to the converter |
|---|---|---|
| 16 px | The classic favicon size for a browser tab. | |
| 32 px | A favicon for high-density screens and bookmark bars. | |
| 48 px | A larger favicon size often bundled for desktop shortcuts. | |
| 180 px | The usual size of an iPhone and iPad home-screen icon (apple-touch-icon). | |
| 192 px | A common web-app manifest icon, shown on Android home screens. | |
| 512 px | The large web-app manifest icon, also used for install and splash screens. | |
| 1024 px | A sharp logo or illustration for web pages, documents and slides. | |
| 2048 px | Graphics for high-density displays and small prints. | |
| 4096 px | Large prints and banners. Only an SVG more than four times as tall as it is wide goes over the size limit at this width. |
16 px
The classic favicon size for a browser tab.
32 px
A favicon for high-density screens and bookmark bars.
48 px
A larger favicon size often bundled for desktop shortcuts.
180 px
The usual size of an iPhone and iPad home-screen icon (apple-touch-icon).
192 px
A common web-app manifest icon, shown on Android home screens.
512 px
The large web-app manifest icon, also used for install and splash screens.
1024 px
A sharp logo or illustration for web pages, documents and slides.
2048 px
Graphics for high-density displays and small prints.
4096 px
Large prints and banners. Only an SVG more than four times as tall as it is wide goes over the size limit at this width.
Heights are not listed because each SVG keeps its own shape: a square icon comes out square, and a logo twice as wide as it is tall comes out half as tall as the width.
What decides how the PNG comes out
An SVG has no pixels until something draws it. Three things decide what the PNG looks like: the size it is drawn at, how you set that size, and the fonts its text is drawn with.
SVG shapesPNG pixels Shapes in, pixels out
An SVG describes shapes, so it is sharp at any size. A PNG is a fixed grid of pixels: enlarge it later and its edges go soft or blocky. The size you convert at is the sharpest the PNG will ever be.
Convert at the largest size you will show it at, rather than enlarging the PNG afterwards.
ScaleWidth A scale or an exact width
A scale multiplies the size the SVG states, so a 24 × 24 icon at 4× becomes 96 × 96. A width or a height sets that side in pixels, and the other side follows the SVG's shape, whatever size it states.
Use a scale for a set of icons drawn on the same grid; use a width when the PNG has to fill a known slot.
Font availableFont missing Text and fonts
Text in an SVG is only a string of letters until a font draws it, and the PNG keeps whatever font drew it, pixel for pixel. A font installed on this device or embedded in the SVG is used; a font the SVG links to on the web is not loaded, so another font stands in.
For a logo or an icon with lettering, turn the text into outlines in your design app before you export the SVG.
Getting the text and the size right
Most surprises come from text. The SVG is drawn the way a browser shows an SVG image: a font installed on this device is used, and so is a font embedded in the SVG as data. A font the SVG only links to, such as a web-font stylesheet, is not fetched, so the text falls back to another font and can change width or wrap differently.
Outlined text never has this problem. Before you export from your design app, convert the text to outlines (paths) or embed the font. Images the SVG links to are skipped for the same reason, and the file's row in the list says so when that happens.
PNG keeps transparency, which is what a logo or an icon placed on different backgrounds needs. If the place you upload to wants a JPG, or the transparent areas should become one solid colour, convert the SVG to JPG instead and choose the background colour there.
A detailed illustration at a large size can make a PNG of several megabytes, because PNG keeps every pixel exactly. If it has to come in under an upload limit, compress it to a target file size after converting.
Limits worth knowing
- Reads SVG files and pasted SVG code: up to 20 per batch, 20 MB per file or paste.
- The PNG can be up to 16384 px on a side and 8192 × 8192 px in area. A larger size is refused before anything is drawn.
- An animated SVG becomes one still moment, chosen by the browser. The animation is not kept.
- An SVG with HTML inside it (a foreignObject element) cannot be saved as a PNG in Chrome, Edge or Safari. Firefox can save it.
SVG to PNG FAQ
Are my SVG files uploaded to a server?
No. Every SVG is read, drawn and saved as a PNG in your browser, and no file or code is uploaded, stored or sent anywhere. The page does fetch its own code as you go, such as the ZIP library the first time you download a ZIP, but your SVGs are never part of that. Images and fonts an SVG links to are not fetched either.
Why does the text in my PNG look different?
Text is drawn with a font at the moment of conversion. A font installed on this device or embedded in the SVG is used, but a font the SVG links to on the web is not loaded, so a fallback font takes its place. For exact lettering, convert the text to outlines before exporting the SVG, or embed the font in it.
How do I get a high-resolution PNG from an SVG?
Pick a larger scale, such as 4×, or type the width you need in pixels. The SVG is drawn fresh at that size, so the PNG stays sharp at any size up to 16384 px on a side and 8192 × 8192 px in area. Enlarging a small PNG afterwards cannot add that detail back.
Does the PNG keep a transparent background?
Yes. Anything the SVG leaves transparent stays transparent in the PNG, and nothing is painted behind it. If you need a solid background instead, use the SVG to JPG converter, where you choose the colour.
Why do I get an error about HTML content?
The SVG contains a foreignObject element, which puts HTML inside the drawing. Chrome, Edge and Safari do not let a web page save a drawing that contains it, so the conversion is blocked there, while Firefox allows it. In other browsers, replace the HTML part with SVG text or shapes and add the file again.
Can I paste SVG code that has no xmlns attribute?
Yes. Code copied out of a web page's HTML often lacks the xmlns attribute a standalone SVG file needs. When pasted code does not read as a standalone SVG, the converter reads it as HTML, takes the first SVG it finds and adds what is missing, and the row notes that it did so.
Can I convert several SVGs to PNG at once?
Yes. Add up to 20 files per batch, 20 MB each, and they are converted one after another with the same settings. Pasted code joins the same list. Download each PNG on its own or all of them as one ZIP.
What to do next
- SVG to JPGNeed a JPG, or a solid colour behind the artwork? Convert the same SVG to JPG.
- Convert Image FormatTurn the PNGs into WebP or AVIF for a lighter web page.
- Compress ImagePNG too heavy for an upload limit? Compress it to a target file size.
- Resize ImageNeed the PNG on an exact canvas, such as a padded square? Resize it.
- Upscale ImageOnly have a small PNG and not the SVG? Enlarge it without the edges going soft.
Convert your SVG to PNG now
Choose a size, add your SVGs or paste the code, and download sharp PNGs. Nothing leaves this device.