SVG to PNG converter
Add an SVG file or paste its code, choose the width and background, and download a PNG. It runs in your browser and nothing is uploaded.
Free · no signup Runs in your browser
How do I convert an SVG to a PNG?
Add the SVG file (or paste the SVG code), choose the width in pixels and whether the background is transparent or a colour, and download the PNG. An SVG is a drawing described in text, so it can be made any size without going blurry; the PNG is a picture of it at the size you pick. Your browser draws it, so nothing is uploaded.
Why convert SVG to PNG
SVG is ideal for logos and icons because it is a set of shapes, not pixels: it stays sharp at any size and is usually tiny. But many places do not accept it: social networks, email programs, document editors and some upload forms want a PNG or JPG. Converting gives you a picture at exactly the size you need.
Because an SVG has no fixed pixel size, you choose the width and the height follows from the drawing's proportions. For a sharp result on screens with high pixel density, convert at twice the size you will show it. Transparent areas of the drawing stay transparent in the PNG unless you pick a background colour.
It runs in your browser. Your files are never uploaded, and there is no watermark or sign-up.
How it works in detail
The SVG text is turned into a picture by your browser's own engine and drawn on a canvas at the width you choose; the height follows the original proportions (width × original height ÷ original width). The canvas is saved as a PNG with a transparent, white or black background. Because an SVG is a drawing described in text, it can be made any size without losing sharpness, up to 8,000 pixels wide here. SVGs that depend on external fonts, pictures or scripts are drawn without them, as browsers do when an SVG is used as a picture, so convert text to outlines in your design tool if the typeface matters. The result matches what the browser shows.
How to use it
- Add the SVG file, or paste the SVG code.
- Choose the width in pixels (for example 1024).
- Choose a transparent, white or black background.
- Make the PNG.
- Download the PNG.
What changes and what stays the same
What the tool does to your file, and what it leaves alone.
| Aspect | What happens |
|---|---|
| Shapes and colours | Drawn as the browser shows them |
| Sharpness | Fixed at the width you pick: a PNG is made of pixels |
| Fonts | External fonts are not loaded: outline the text first |
| Transparency | Kept if you choose Transparent |
| Scripts and animation | Not run: a PNG is a still picture |
| Privacy | Your file is read on your device and is not uploaded; there is no account and no watermark |
When to use it
- Putting a logo on a platform that does not accept SVG
- Making a PNG at a precise size for a document or slide
- Getting a high-resolution picture of an icon
- Converting SVG code you copied from a design tool
Problems you may run into
Most problems come from the file itself, not from the tool.
| What you see | Likely cause | What to do |
|---|---|---|
| The text uses the wrong font | The SVG relies on a font that is not embedded | Convert text to outlines in your design tool |
| The PNG is blurry when enlarged | A PNG has a fixed size | Make the PNG larger, or use the SVG itself |
| The background is black | A transparent PNG can look black in some viewers | Choose a white background |
| Nothing appears | The SVG code is invalid or has no size | Check the SVG opens in a browser, and that it has a viewBox or width and height |
| The file will not open | Your browser cannot decode this format, or the file is damaged | Try Chrome, Edge or Firefox on a computer, or open the file elsewhere to check that it plays |
| The browser slows down or stops | A very large file is processed on your own device | Close other tabs, try a computer, or use a smaller file |
Mistakes it helps you avoid
- Converting at a small size and then scaling the PNG up, which makes it blurry: convert at the size you need.
- Forgetting the background: transparent PNGs look black on some dark viewers.
- Using an SVG that loads other files or fonts: the browser draws it without them, so text may change typeface.
- Throwing away the SVG: keep it as your editable master.
How it works
Everything happens in your browser.
1. The SVG text is turned into a picture by your browser.2. It is drawn on a canvas at the width you choose; height = width × (original height ÷ original width).3. The canvas is saved as a PNG, with a transparent or coloured background.4. You download the PNG. Nothing is uploaded.
The browser draws the SVG with its own engine, so the result matches what the browser shows. SVGs that depend on external fonts, pictures or scripts are drawn without them, as browsers do when an SVG is used as a picture, so convert text to outlines in your design tool if the typeface matters. Sizes up to 8,000 pixels wide are allowed.
Example: a logo for a slide
You have an SVG logo that is 100 × 40 in its own units and need a PNG 800 pixels wide.
- Width800 px
- Height: 40 × 800 ÷ 100320 px
- BackgroundTransparent
An 800 × 320 pixel PNG with a transparent background
Choose 1600 for a sharper picture on high-density screens.
Terms on this page
- SVG
- A picture described as shapes in text, which stays sharp at any size.
- Raster
- A picture made of pixels, such as PNG or JPG.
Common questions
Does the PNG keep a transparent background?
Yes, unless you choose a background colour.
What size should I choose?
The size you will show it at, or twice that for high-density screens.
Is my picture uploaded?
No. Your browser reads and changes the picture on your own device. Nothing is sent over the network.
Why does the text look different?
The SVG may use a font that is not available when it is drawn as a picture. Convert text to outlines in your design tool first.
Can I paste SVG code?
Yes. Paste it into the code box and it is converted as you type.
Where these numbers come from
- MDN Web Docs — SVG: Scalable Vector Graphics What SVG is and how browsers draw it.
- MDN Web Docs — HTMLCanvasElement.toBlob() How a browser encodes a canvas as PNG, JPEG or WebP, and what the quality argument does.
- MDN Web Docs — Using files from web applications How a page reads a file you choose without uploading it.
Last verified 2026-10-25 The method on this page is checked against the sources above at least once a year. Spotted something out of date? Tell us and we will fix it.
Related tools
PNG to JPG
Convert PNG pictures to JPG in your browser. Many files at once, nothing uploaded.
Open toolImage resizer
Change a picture's size in pixels by width, height, percentage or exact size. Many files at once, nothing uploaded.
Open toolFavicon generator
Turn a picture into a full favicon pack: favicon.ico, 16, 32 and 48 px icons, an Apple touch icon and Android icons. Nothing is uploaded.
Open toolCompress to 200KB
Get a picture under 200 KB for an upload or an email.
Open toolScreenshot tool
Take a screenshot of your screen, a window or a browser tab with a delay, then add arrows, text, step numbers and blur private details. Free, private, no upload.
Open toolImage colour picker
Click any point of a picture to get its HEX, RGB, HSL and CMYK values, see the picture's main colours as a palette, or pick from anywhere on screen. Free, private.
Open tool🖼️ Image tools
Convert between JPG, PNG and WebP, shrink a picture to a size limit, resize it or turn pictures into a PDF. Your files never leave your device.
See all 30 tools in this section