Quinvert

SVGtoPNG

Convert SVG to PNG

Up to 3 files at once, 100 with Pro. Mixed formats are fine.

An SVG has no pixel size of its own, so converting SVG to PNG means choosing one — and because the drawing is redrawn rather than enlarged, any size you pick is perfectly sharp. Transparency is preserved. Drop the file above and it renders in your browser with resvg, so the output is identical on every machine.

Why you need a PNG when the SVG is better

Vector files are the right thing to keep and the wrong thing to send. An SVG scales to any size without ever going blurry, which is why logos and icons live as one — and it is also a format that plenty of things refuse: older Office versions, many upload forms, app icon pipelines, most print workflows.

Choosing the output resolution

This is the one decision to make, because an SVG genuinely does not have a size. It describes shapes, not pixels, so the conversion has to pick a resolution. The scale setting controls it, and a larger number costs nothing in quality: the drawing is being redrawn rather than enlarged, so it is perfectly crisp at any size you ask for.

A useful habit is to work out the largest place the image will appear and double it, which covers high-density screens. For an app icon, set the scale so the output reaches the exact pixel size the platform asks for.

The font trap, and how to avoid it

SVG stores text as text and refers to a typeface by name, so if the font is not embedded in the file, the renderer substitutes something else and your carefully spaced wordmark comes out wrong. This is the single most common reason an SVG to PNG conversion looks broken.

The permanent fix is in the design tool: convert text to outlines or paths before exporting the SVG, and the letters become shapes that cannot be substituted. It also makes the file safe to hand to anyone else.

Transparency and consistent rendering

Transparent areas stay transparent, so a logo drops onto any background without a white box behind it.

Rendering is done by resvg rather than by your browser, which means the output is identical on every machine — a converter that draws through a canvas gives subtly different results in Chrome and Safari, which is exactly the kind of difference that only shows up after the file has been signed off.

How to convert an SVG to PNG at the size you need

  1. Drop your SVG onto this page, or click to choose one.
  2. It is rendered in your browser at the size you choose.
  3. Download the PNG, transparency intact.

SVG vs PNG: instructions against pixels

SVG compared with PNG
SVGPNG
Full nameScalable Vector GraphicsPortable Network Graphics
File extension.svg.png
Media typeimage/svg+xmlimage/png
CompressionUncompressedLossless — nothing is discarded
Quality
The result is a close reconstruction rather than an exact copy. Check it before relying on it.
Where it runs
This conversion runs inside your browser. Your file is never uploaded, and it works with the network disconnected.
What can be lost
Text is rendered with the fonts embedded in the file; anything else falls back.

SVG to PNG: size, fonts and transparency

Are my SVG files uploaded anywhere?
No. This conversion runs entirely inside your browser, so the file never leaves your device. You can confirm it yourself: open the network tab of your browser's developer tools and watch that nothing is sent while the file converts.
What size will the PNG be?
An SVG has no inherent pixel size, so one has to be chosen. The default is generous; use the scale setting to make it larger or smaller. Because the drawing is being redrawn rather than enlarged, a bigger number is always perfectly sharp.
Does the transparent background survive?
Yes. Anything with no fill stays transparent in the PNG, so a logo drops onto any background without a white box around it.
Why does the text look wrong in the PNG?
Because the SVG asked for a font that is not embedded in it. SVG stores text as text and references a typeface by name, so anything not embedded falls back to a substitute. Converting the text to outlines in your design tool before exporting fixes it permanently.
Will it look the same in every browser?
Yes — the rendering is done by resvg rather than by your browser, so the result is identical everywhere. A canvas-based converter gives slightly different output in Chrome and Safari.
Can I export an app icon at 1024 pixels?
Yes, and it will be perfectly crisp — that is the advantage of starting from a vector. Set the scale so the output reaches the size you need; there is no upper limit beyond your own memory.