Runs in your browser. Your files and text never leave your device - nothing is uploaded.
Convert SVG to PNG Online
The Tools Kit’s free SVG to PNG converter turns a vector .svg file into a PNG image you can use anywhere SVG is not accepted: social media uploads, slide decks, documents, email and app stores. Upload the SVG, pick an output scale from 1x to 8x, and download a PNG with its transparent background intact.
The conversion runs entirely in your browser. Your file is drawn onto a canvas by the same rendering engine that displays SVG on web pages, then exported as a PNG on your own device, so nothing is uploaded and there is no signup or watermark.
How to Convert an SVG to PNG
- 1
Upload an SVG file
Click the upload area or drag and drop a single .svg file onto it. The file is read as text inside your browser.
- 2
Choose the output scale
Drag the Output Scale slider anywhere from 1x to 8x. It starts at 2x, which doubles the width and height of the SVG.
- 3
Convert to PNG
Click Convert to PNG. The browser renders the vector onto a canvas at the chosen scale and shows a preview of the PNG.
- 4
Download the PNG
Click Download to save the image. It keeps your original file name with a .png extension; use Clear to start on another SVG.
What Size Will the PNG Be?
An SVG has no pixels of its own, so the PNG size comes from two things: the width and height the SVG declares, and the scale you choose. PNG width = SVG width × scale, and PNG height = SVG height × scale.
- 24 × 24 icon at 8x — a 192 × 192 PNG, enough for an app or profile icon.
- 200 × 100 logo at 4x — an 800 × 400 PNG for slides or a website header.
- 500 × 300 illustration at 2x — a 1000 × 600 PNG that stays crisp on Retina screens.
If the SVG has no width and height attributes (only a viewBox, or a percentage size), the browser falls back to a default size, often 300 × 150, before the scale is applied. For predictable output, open the SVG in a text editor and add explicit width and height values. The tool uses a multiplier rather than exact pixel fields, so if you need a precise size, export a little larger and finish with the image resizer.
SVG vs PNG: Which Format to Use
SVG is a vector format: a text file of shapes and paths that stays sharp at any size and is usually tiny for logos and icons. PNG is a raster format: a fixed grid of pixels, stored losslessly, with full transparency support. Converting SVG to PNG “freezes” the drawing at one size, which is why choosing the right scale matters.
Keep SVG for websites and design files where it is supported, and export a PNG when a platform, document editor or email client only accepts raster images. If the PNG is too heavy for the web, run it through the image compressor, or switch to a smaller format with the PNG to WebP converter. When a form only accepts JPG, the PNG to JPG converter turns the result into a flat image with a solid background.
Transparency, Fonts and Failed Conversions
Nothing is painted behind your SVG, so empty areas come out transparent in the PNG. The preview on this page sits on a white panel only so it is easy to see; the downloaded file keeps its alpha channel.
Browsers render an SVG used as an image in a locked-down mode that does not fetch external files. Linked web fonts, external images and stylesheets are skipped, so text may fall back to a system font and linked pictures may be missing. Convert text to outlines, or embed fonts and images as data URIs, before converting. If you see the “Could not render this SVG” message, the file is usually not valid XML or is missing the SVG namespace (xmlns="http://www.w3.org/2000/svg") on its root element.
Common uses
- Exporting a logo or icon as PNG for social media, marketplaces and app listings that reject SVG
- Making high-resolution PNGs of diagrams and illustrations for slides, documents and print
- Creating a large square PNG of an icon to feed into the favicon generator
- Turning a vector graphic into a PNG data URI with the image to Base64 encoder for CSS or email templates
- Getting a raster image for other conversions in the image format converter or the wider set of image tools
SVG to PNG terms explained
| Term | What it means here |
|---|---|
| SVG | Scalable Vector Graphics: an XML text file that describes shapes, paths and text, so it can be drawn sharply at any size |
| PNG | Portable Network Graphics: a lossless raster format made of a fixed grid of pixels, with support for transparency |
| Rasterize | To turn vector shapes into a grid of pixels at one specific size, which is what converting SVG to PNG does |
| Intrinsic size | The width and height an SVG declares for itself; the browser uses it as the 1x size of the PNG |
| viewBox | The SVG attribute that sets the internal coordinate system; it controls proportions, not the pixel size of the export |
| Output scale | The multiplier applied to the intrinsic size here, from 1x to 8x; 2x suits Retina and other high-DPI screens |
| Alpha channel | The transparency information in a PNG, which keeps empty areas of the SVG see-through |
Frequently Asked Questions
Upload the .svg file, set the output scale between 1x and 8x, and click Convert to PNG. The SVG is rendered in your browser at its own width and height multiplied by the scale, and you can download the result as a PNG straight away.
Yes. It is free to use with no signup, no watermark on the PNG, and no limit on how many files you convert one after another.
No. The file is read and rendered entirely in your browser using a canvas, then exported as a PNG on your device. The conversion makes no upload request, so the SVG never leaves your computer.
The PNG width and height equal the size the browser reports for the SVG multiplied by the scale. A 200 x 100 SVG at 4x becomes an 800 x 400 PNG, and a 24 x 24 icon at 8x becomes 192 x 192. If the SVG has no width and height attributes, the browser picks a default size, often 300 x 150, so add those attributes for predictable output.
Not directly. The tool offers a 1x to 8x scale multiplier rather than pixel fields. To hit an exact size, set the width and height attributes in the SVG first, or convert at a larger scale and resize the PNG afterwards.
Yes. Nothing is painted behind the SVG, so any area the SVG leaves empty stays transparent in the PNG. The on-page preview shows the image on white only for readability; the downloaded file keeps its transparency.
Use 1x when the PNG will display at the SVG’s native size on a standard screen, 2x for Retina and other high-DPI displays, and 4x to 8x for print, slides or images that may be enlarged later. A PNG cannot be scaled up cleanly afterwards, so export at the largest size you need.
The most common causes are an SVG that is not valid XML or that is missing the xmlns="http://www.w3.org/2000/svg" declaration on the root element; browsers refuse to render those as an image. Open the file in a text editor, fix or add the namespace, and try again.
When a browser renders an SVG as an image, it does not fetch external files. Web fonts, linked images and external stylesheets are skipped, so text falls back to a system font and linked pictures are left out. Convert text to outlines or embed resources as data URIs in the SVG before converting.
No, the tool converts one SVG at a time. After downloading the PNG, click Clear and upload the next file.
The PNG is lossless, so it reproduces exactly what the browser rendered at that size. What changes is scalability: the PNG is a fixed grid of pixels, so it looks sharp at the exported size but blurs if stretched larger. Keep the original SVG for future edits.
Reviewed by Raja Jahangir · Last reviewed: October 7, 2026
How do you convert an SVG to PNG?
To convert an SVG to PNG, upload the .svg file, pick an output scale from 1x to 8x, and click Convert to PNG. The vector renders in the browser at its intrinsic size times the scale, so a 200x100 SVG at 4x becomes an 800x400 PNG with transparency kept. External fonts and linked images are not loaded.
What scale should you use when exporting SVG to PNG?
Use 1x when the PNG will display at the SVG’s native size on a standard screen, 2x for Retina and other high-DPI displays, and 3x or 4x for print or when the image may be enlarged later. Because PNG is a raster, choose the largest size you will actually need; scaling up afterwards makes edges blurry.