Free Online SVG to PNG Converter
Your photo is decoded and edited in this tab. It stays local, including whatever its metadata says about where it was taken.
Loading the tool…
How it works
Why the SVG needs a viewBox
A raster image has intrinsic dimensions; an SVG often does not. If the root element carries neither width and height nor a viewBox, the browser has no idea how large the drawing is and falls back to the CSS default replaced-element size of 300×150, cropping or letterboxing whatever you drew. A viewBox is the better fix of the two, because it defines the coordinate system as well as the aspect ratio, so any scale factor multiplies cleanly. Add one to the root svg element and the rasterisation becomes predictable at every size.
- viewBox
- Required in practice. Without width, height or a viewBox the browser assumes 300×150 and the output is wrong at every scale.
- Scale factor
- 1×, 2×, 3× or an explicit pixel width. Vector output is exact at any of them — there is no upscaling penalty.
- Transparency
- The canvas starts empty, so an SVG with no background becomes a PNG or WebP with a real alpha channel.
- Main-thread rendering
- SVG rasterisation needs the document's own renderer, so it cannot run in a Web Worker. Very complex files will briefly hold the UI.
- External references
- The SVG is rendered in an isolated image context, so linked fonts, stylesheets and remote images are not fetched. Inline them first.
How to use it
How to convert SVG to PNG online
- 01
Drop in the SVG
The intrinsic size or viewBox is read and shown, so you can see what the browser thinks the drawing measures.
- 02
Choose the output size
A scale multiplier, or an exact pixel width with the ratio preserved.
- 03
Export PNG or WebP
Both keep transparency; WebP is the smaller file at the same dimensions.
Where it earns its keep
Where a raster image is required
- Producing an Open Graph or social preview image, since crawlers do not render SVG.
- Getting a logo into an email template, where SVG support is unreliable.
- Exporting an icon at 2× and 3× for an app's asset catalogue.
- Handing a PNG to a print supplier or a marketplace that rejects vector uploads.
Questions
SVG to PNG, answered
Why does my text look wrong in the PNG?
Because the font was not available while rendering. The SVG is rasterised in an isolated context that does not fetch external stylesheets or web fonts, so a font-family the file merely names will fall back. Convert text to paths in your editor before exporting, and the output matches exactly.
Does converting to PNG lose quality?
It fixes a resolution, which is the point. The raster is exact at the size you asked for, but unlike the SVG it will not scale up afterwards — export at the largest size you need rather than enlarging the PNG later.
Is my SVG uploaded to be rendered?
No. The file is read from disk and drawn by this browser tab's own renderer. Nothing is transmitted, and no remote resource is fetched on its behalf either.
Can it convert PNG back to SVG?
No. That is tracing, not conversion — a different problem entirely, requiring edge detection and curve fitting, and the results need hand correction. This tool only goes from vector to raster.