Free · Private · No Upload

SVG to PNG Converter

A vector has no pixel size. Choosing one is the actual job, so this page puts it front and centre.

An SVG describes shapes, not pixels, so "convert to PNG" is incomplete until you say how large. Pick a width and the vector is drawn at that exact size, sharply, in your browser.

Drag, drop or paste · SVG · any size

Any output sizeStays sharpNo upload

Rasterises an SVG at a width you choose. Because the source is vector, 4096 px is exactly as sharp as 512 px, which is not true of any raster resize.

Converting…
Before
After

Why the size is the whole question

An SVG stores instructions: a circle here, a path there, in a coordinate system. It has no resolution. Asking what an SVG’s size is in pixels is like asking how many pixels wide the sentence "draw a square" is.

That is why a converter that just gives you "a PNG" is guessing. Most guess at the width and height attributes in the file, which are frequently absent or set to something arbitrary like 24 for an icon, and you get a 24-pixel image you cannot use.

Rasterising up costs nothing

Enlarging a photograph invents detail that was never captured, which is why upscaled rasters look soft. Enlarging a vector does not: the shapes are recomputed at the new size, so a 4096 px export is genuinely as crisp as a 512 px one.

This is the reason to keep logos and icons as SVG for as long as possible, and to rasterise only at the final step, at the size actually needed.

Which format to write

PNG is the default and usually correct. It is lossless and keeps transparency, which matters because most SVGs have a transparent background rather than a white one.

WebP keeps transparency too and is meaningfully smaller, at the cost of older desktop software not reading it.

JPG has no transparency at all, so this page fills the background white rather than handing you an image with black fringing where the transparency was. Choose it only when you know the destination cannot take a PNG.

Fonts and external references

An SVG that references a font by name renders with whatever your system has, and the export bakes in that result. If a design depends on a specific typeface, convert the text to outlines in your vector editor first, or the export can differ from what the designer saw.

For the same reason, an SVG that links to an external image or stylesheet may rasterise without it. Browsers deliberately refuse to load external resources into an image-context SVG, which is a security boundary rather than a bug here.

Common questions

What size should I pick?
The size you will actually display it at, times two if it is going on a screen where retina sharpness matters. For a favicon, 512. For a print asset, work back from the physical size at 300 DPI. There is no penalty to going larger apart from file size.
Why is my PNG transparent instead of white?
Because the SVG is. Most vector art has no background, so the PNG faithfully has none either. If you need white, choose JPG, which fills white automatically, or drop the PNG into the editor and add a background layer.
The text renders in the wrong font.
The SVG references a font by name and your system does not have it, so the browser substitutes. Convert text to outlines or paths in your vector editor before exporting the SVG, and the letterforms become shapes that cannot substitute.
Nothing appears, or parts are missing.
Usually an SVG that links to an external image, font or stylesheet. Browsers refuse to load external resources when an SVG is used as an image, deliberately, as a security boundary. Embedding those resources in the SVG fixes it.
Can this convert PNG back to SVG?
Not on this page, and the distinction matters: going the other way is tracing rather than converting, because pixels contain no shape information. The Vectorizer does that and is honest about it being an approximation.
Is my file uploaded?
No. The SVG is read as text on your device and drawn to a canvas locally. Nothing is transmitted, which is also why an SVG containing something confidential is safe to convert here.

Continue crafting

Keep going without re-uploading — your image carries over to the next tool automatically.

  1. 1EditAdd text, effects, or a fresh background
  2. 2ResizeResize for any platform or social preset