SVG to PNG Converter Online Free

An SVG file is not really a picture — it is a text file that describes a picture: circles, paths and rectangles written as instructions, which a program draws fresh at whatever size is asked for. That is why an SVG logo looks sharp at any size, and also why so many programs refuse to accept one: documents, slides, app stores and upload forms want actual pixels. An SVG to PNG converter performs the drawing step once, at a size you choose, and saves the result as a PNG — the universal raster format that keeps transparency. The converter at the top of this page does this in your browser: it reads the SVG’s own size (or its viewBox, if that is all the file declares), draws the artwork onto a canvas at your chosen scale or exact width, and hands you the PNG. Nothing is uploaded to a server.

The numbers are worth seeing once, because SVG sizing confuses almost everyone the first time. When this tool was built, it was tested on a deliberately awkward file: a 118-byte SVG that declares no width and no height at all, only a viewBox of 0 0 200 200, containing one blue circle (colour 43, 108, 176) on a transparent background — the classic shape of a logo exported from a design tool. Exported at the 4× setting, the tool’s size calculation read the viewBox as the original size and produced a PNG of exactly 800 × 800 pixels. Independent software then checked the output pixel by pixel: every corner pixel was fully transparent (alpha 0), so the clear background survived, and the centre pixel was exactly 43, 108, 176 — the circle’s colour, unchanged. An independent rasterizer rendering the same test at the same size produced a 20,278-byte PNG; your browser’s own PNG encoder may land a few bytes either side of that for the same pixels, because PNG encoders differ in how hard they compress, but the dimensions and the pixels are the facts that matter, and both were exact.

What an SVG File Actually Is

SVG — Scalable Vector Graphics — is an XML format, standardised by the W3C and native to every modern web browser. Where a PNG stores a grid of coloured pixels, an SVG stores geometry: a circle element with a centre and a radius, a path element with a string of drawing commands, text elements with a font and wording. The file for the test above is one line long. This design has three consequences that shape everything about converting it. First, an SVG has no fixed pixel size of its own — it has proportions. Second, it scales without loss: the same file can be drawn at 16 pixels for a tab icon or 4,000 pixels for a poster, and the edges stay mathematically clean, because they are redrawn each time rather than stretched. Third, an SVG can contain things that are not artwork at all: scripts, links to external images and fonts, and event handlers — leftovers from the web page world it was born in. A careful converter removes those before drawing, which is why this tool strips script elements, event-handler attributes and external references from the file before it renders anything.

The sizing puzzle sits in two attributes. An SVG may declare a width and height (its intended display size), a viewBox (the coordinate system the drawing is plotted in, written as minimum x, minimum y, width, height), or both, or — in sloppy exports — neither in usable form. Well-behaved desktop browsers make a reasonable guess when they display such a file inline, but converting is stricter work: the converter must commit to one original size, because every scale and every output width is measured from it. This tool’s rule, stated on the page, is: a declared width and height win; a lone viewBox supplies the size when no usable width and height exist; one declared dimension plus a viewBox gives the other dimension by proportion; and a file with neither falls back to the long-standing browser default of 300 × 150, with the tool telling you that is what happened. Once the original size is fixed, the rest is arithmetic — multiply by the scale, or hold the width you typed and scale the height by the same ratio, so the picture is never stretched out of shape.

How to Use the Converter

Converting takes a few seconds. Follow these steps:

1. Click the file box and choose an SVG file from your device, up to 5 MB.
2. Choose a scale — 4× is selected by default — or type an exact output width in pixels. If the width box is filled in, it wins over the scale.
3. Press “Convert to PNG”.
4. Read the result lines: they show the input file’s size, the original size the tool worked from and where it came from (declared size, viewBox, or the fallback), and the output PNG’s exact dimensions and size in bytes.
5. Click the download button to save the PNG.

The whole conversion happens on your device. If the file is not an SVG, contains no SVG drawing, is over the limit, or asks for an output over 10,000 pixels wide or 100 megapixels in total, the tool says so plainly instead of failing silently. One practical tip belongs here: convert at the largest size you are likely to need. A PNG can always be shrunk later without drama, but enlarging a PNG means inventing pixels, while re-converting the SVG at a bigger scale redraws the artwork exactly — the vector original is the one file worth keeping.

Worked Examples

Example 1: The build proof — a viewBox-only logo at 4×

The test file described above is the honest worst case for sizing: 118 bytes, no width, no height, just viewBox=”0 0 200 200″ and a circle of radius 80 centred at 100, 100 in that coordinate space. The tool read the viewBox as the original size — 200 × 200 — and multiplied by the chosen scale of 4 to get an 800 × 800 canvas. The rendered PNG measured exactly 800 × 800. The pixel checks are the part that proves transparency survived: the circle covers the middle of the square but none of its corners, so a correct conversion must show fully clear corners, and all four corner pixels read alpha 0. The centre pixel, which sits in the middle of the circle, read exactly 43, 108, 176 at full opacity — the precise colour the SVG names. No tint, no fringe, no white box baked around the logo: the three things people actually open the PNG to check.

Example 2: An exact width for a document — the same logo at 500 pixels

Often the scale is not the requirement; a slot is. A report template, a slide layout or an app listing gives you a width, and the picture must fit it. Typing 500 into the width box for the same test file gives a 500 × 500 PNG: the tool holds the width you typed and multiplies the height by the same ratio (500 ÷ 200 = 2.5, and 200 × 2.5 = 500), a calculation its size function was verified to perform exactly. For a non-square file the ratio does the work for you — a 240-wide, 120-high viewBox asked for a 1,000-pixel width comes out at 1,000 × 500, because the height follows the width’s 4.1667 multiplier rather than being guessed. This is the mode to use whenever the destination names a size, and the result line confirms the final dimensions so you can check them against the requirement before you upload anything anywhere.

Example 3: A file with a declared size — 120 × 60 at 2×

Not every SVG is viewBox-only. A banner exported at a fixed size might declare width=”120″ and height=”60″ alongside its viewBox. For that file the tool takes the declared size as the original — 120 × 60 — and the 2× setting produces 240 × 120, as verified in the build tests. The distinction matters when a design tool declares a small display size for a drawing whose viewBox is much larger: the declared size is what the author intended the picture to be, so scales are measured from it, and the result line tells you which source the size came from so there is no mystery if the numbers differ from what you expected. If they do differ, the fix is to type the exact width you want — the width box overrides every inference.

Example 4: Shrinking — half size for a lightweight page

Scales below 1 exist for the opposite job. A decorative SVG illustration drawn at 1,024 × 768 that only ever appears at half that size in a blog layout can be exported at 0.5× to give a 512 × 384 PNG: the same arithmetic in reverse, multiplying both dimensions by 0.5. The pixel count falls to a quarter (halving both sides quarters the area), which is where the file-size saving comes from. The honest limit sits here too: a PNG exported small cannot later be enlarged back to the original crispness. Keep the SVG, export the sizes you need, and treat every PNG as a disposable rendering of a permanent master.

How to Read the Output

The result lines tell you four things worth checking. The input line names the file and its size in bytes — confirm it is the SVG you meant, because converting last month’s draft of a logo is a classic silent error. The original-size line gives the dimensions the tool worked from and names their source: declared size, viewBox, a mix of the two, or the 300 × 150 fallback. That source word is the diagnostic — if the output surprises you, the source is almost always why. The output line gives the PNG’s exact pixel dimensions and its byte size; check the dimensions against the slot you are filling before you upload the PNG anywhere. Finally, the download button repeats the byte size in its label, so the saved file can be matched against the report. If you open the PNG and find your logo centred on a white background you did not draw, that white came from wherever you are viewing it, not from the conversion — the corners of these PNGs are genuinely transparent, as the build proof’s alpha readings show.

Where SVG to PNG Conversion Is Used

The pattern is always the same: something was designed as a vector, and something else insists on pixels. App and website work leads the list — app store listings, social platforms, content management systems and email tools routinely accept PNG and refuse SVG, so logos and icons are exported at the exact pixel sizes those slots demand. Documents and slides follow: Word and PowerPoint handle SVG in recent versions but mangle or drop it in older ones and in many PDF export paths, while a PNG at a generous scale drops in anywhere and prints sharply. Print and merchandise are the third home: printers and print-on-demand services work in pixels at a stated resolution, and a vector exported at a large, deliberate size beats a screenshot of a preview. Finally there is simple compatibility — older software, embedded systems, game engines and chat platforms that have never heard of SVG. In each case the winning habit is identical: keep the SVG as the master, and generate the PNG at the size of the job.

Common Mistakes

The commonest mistake is screenshotting an SVG preview instead of converting it — the screenshot bakes in the preview’s background, caps the size at your screen’s resolution, and usually introduces a fringe of off-colour pixels around every edge. The second is converting at too small a size and zooming later: a 200-pixel PNG stretched across a 1,000-pixel slot goes soft, while the same SVG exported at 4× would have been crisp, because conversion redraws rather than stretches. The third is expecting the PNG to stay editable — once converted, text is pixels and shapes are pixels; changes mean editing the SVG and converting again. The fourth is ignoring external references: an SVG that points at a web font or an external image renders in a browser with those fetched, but a self-contained conversion cannot and should not fetch them, which is why this tool strips external references and why such a file can come out missing its fancy font — the cure is outlining text and embedding images in the SVG before converting. The fifth is flattening transparency by accident in a later step: the PNG from this tool is transparent where the drawing is empty, but pasting it into a program that composites onto white will hide that, which is a property of the destination, not of the file.

Limits: What This Tool Does and Does Not Do

This tool converts one SVG file at a time, up to 5 MB, into a PNG at a scale you pick (0.5× to 4×) or an exact width you type, capped at 10,000 pixels wide and 100 megapixels total. It works out the original size from the declared width and height, the viewBox, or the standard 300 × 150 fallback, in that order, and says which it used. It removes scripts, event handlers and external file references before drawing, both for safety and because a downloaded picture should contain nothing but the artwork; SVGs that depend on external fonts or linked images will therefore render without them. It renders with the browser’s own SVG engine, so a file using very exotic features a browser cannot draw into a canvas will produce the tool’s plain error rather than a guess. It does not batch-convert, does not edit the artwork, and does not add backgrounds — what is transparent in the drawing stays transparent in the PNG. Within that scope, the output was verified at build time down to individual pixels: exact dimensions, transparent corners, and an exact centre-colour match on a viewBox-only file.

Privacy: Your File Stays in Your Browser

An SVG can be a company logo before launch, artwork under licence, or a diagram of something unreleased — small files with real value. Every file you convert with this SVG to PNG converter stays in your browser. It is read locally, cleaned locally and drawn locally; nothing is uploaded to a server, nothing is stored, and there is no account to create. Closing the page removes the file from the tool. This browser-only design is the same principle behind the other free tools on Your Smart Kit, and for design files it matters: the strongest form of privacy is a conversion that never moves your file at all.

Frequently Asked Questions

Why does my SVG have no fixed size, and what size will the PNG be?

SVG is a drawing description, not a grid of pixels, so many files declare only a viewBox — the coordinate space of the artwork. This tool treats that viewBox as the original size, so a viewBox of 0 0 200 200 at 4× gives an 800 × 800 PNG. If the file declares a width and height, those are used instead, and the result line always states which source the size came from.

Will the transparent background survive?

Yes. PNG stores a transparency channel, the canvas the tool draws on starts fully transparent, and the build proof verified the output’s corner pixels at alpha 0 — completely clear. If a program later shows the PNG on white or black, that is the program compositing it, not the file changing.

What size should I choose?

Choose for the largest place the image will appear. Double the display size is a good rule for crisp results on high-density screens: something shown at 400 pixels wide is best exported at 800. When a destination names an exact width, type it into the width box and let the height follow the proportions.

Why did my text come out in a different font?

If the SVG asks for a font by name and relies on it being fetched or installed, a self-contained conversion renders the text with a fallback font, because external references are stripped before drawing. The fix is in the design tool: convert text to outlines (paths) before exporting the SVG, and the shapes will render identically everywhere.

Is the download a real PNG?

Yes — it is encoded by the browser’s own PNG encoder from the drawn canvas, at exactly the dimensions the result line reports. It is not a renamed SVG: renaming would leave vector text inside, and no other program could open it as a picture.

Is my file uploaded to a server?

No. The file is read, cleaned and drawn entirely in your browser on your own device. Nothing is sent to a server, stored, or shared, and closing the page clears the tool.

Related Tools on Your Smart Kit

If you found the SVG to PNG converter useful, you may also like the other free tools on Your Smart Kit. The PNG to ICO converter turns a PNG into a multi-size Windows icon or favicon, the natural next step for a logo you have just exported. The JPG to ICO converter does the same job starting from a photograph. The convert image to JPG tool turns PNG and other images into JPG for photos and uploads that do not need transparency. The image resizer changes a raster image’s dimensions when you already have pixels rather than a vector, and the compress image to 100KB tool shrinks a photo down to a strict limit for forms. Each runs in your browser, free, with no sign-up, on the same principle: a simple tool that does one job well, keeps your files private, and gives a result you can check. Try the converter at the top of this page with your own logo, and keep the SVG as the master it was always meant to be.