Logo for a presentation
- Input
- SVG logo at 3× scale
- Output
- Sharp PNG at three times the intrinsic size
Rendering above the intended display size keeps it crisp on high-density screens.
SVG to PNG
SVG is a vector format that scales to any size without losing sharpness, but many places — email, older software, social platforms — accept only bitmaps. Converting to PNG rasterises the vector at a resolution you choose. Because SVG has no fixed pixel size, you decide how large the output should be.
Runs entirely in your browser — your images are never uploaded.
How to
How to use the SVG to PNG
- 1
Add your SVG
Upload a file or paste the markup. Its intrinsic size is read from the width, height or viewBox.
- 2
Choose a resolution
Set an exact pixel width or a scale multiplier. Because SVG is vector, any size renders perfectly sharp.
- 3
Decide on the background
Keep transparency, or flatten onto a colour where transparency is not wanted.
- 4
Download
Save the PNG at your chosen size.
Examples
SVG to PNG examples
Exact dimensions
- Input
- Icon SVG, width set to 512
- Output
- 512 pixel PNG, height scaled proportionally
Setting one dimension keeps the aspect ratio, which matters when a platform requires a specific size.
Flattened background
- Input
- Transparent SVG, white background
- Output
- PNG with a solid white background
Useful where transparency renders as black or as a checkerboard in the destination software.
Why use it
What the SVG to PNG gives you
Any resolution, always sharp
Vectors have no fixed resolution, so the PNG is rendered fresh at whatever size you pick rather than scaled from a bitmap.
Transparency your choice
Keep the alpha channel or flatten onto a colour, depending on where the PNG is going.
Reads the real intrinsic size
Width, height and viewBox are all handled, so an SVG without explicit dimensions still converts at the right proportions.
Paste or upload
Works from a file or from markup pasted directly.
Runs locally
Your graphics are never uploaded.
Good to know
SVG to PNG limitations
- PNG is a bitmap, so the result no longer scales freely. Render at the largest size you will need.
- SVGs referencing external fonts or images may not render those parts, since the browser cannot always fetch them during conversion.
- Scripted or interactive SVG becomes a static picture.
- Very large output sizes can exhaust browser memory.
Summary
SVG to PNG in short
- SVG is vector and resolution-independent; PNG is a bitmap fixed at the size you render.
- Choose the output size deliberately — render at 2× or 3× for high-density screens.
- Transparency can be kept or flattened onto a colour.
- Conversion runs in your browser.
FAQ
SVG to PNG questions
Why convert SVG to PNG at all?
Because many destinations do not accept SVG: email clients, most social platforms, older office software and some content systems. PNG is universally supported.
What size should I export?
At least twice the size it will display at, so it stays sharp on high-density screens. For a 200-pixel logo, export 400 or 600 pixels wide.
My SVG has no width or height — what happens?
The viewBox is used instead, which defines the coordinate system and therefore the proportions. If neither is present, a sensible square default is used.
Will the PNG look as good as the SVG?
At the size you render it, yes — identical. The difference is that the PNG cannot be scaled up afterwards without softening, while the SVG could be re-rendered at any size.
Is transparency preserved?
Yes, PNG supports an alpha channel. You can also flatten onto a solid colour if the destination handles transparency badly.
Why is my text missing or wrong?
The SVG references a font the browser cannot load during conversion. Convert text to outlines in your design tool before exporting, which is good practice for SVG generally.
Can I convert PNG back to SVG?
Not meaningfully. Going from vector to bitmap discards the shape information. Tracing tools approximate it, but the result is not your original vector.
Should I export PNG or JPEG?
PNG for logos, icons and anything with flat colour or transparency — which is most SVG content. JPEG would blur the sharp edges and cannot hold transparency.
Does the PNG render on my machine?
Yes. The SVG is drawn to a canvas by your own browser and read straight back as a PNG. No server sees the file, which matters when the graphic is an unpublished logo.
Discover
Related image tools
SVG OptimizerClean and minify SVG files. Removes editor cruft, comments and hidden metadata while keeping the graphic identical.Image ConverterConvert images between JPG, PNG, WebP and AVIF in your browser. Batch convert, control quality, and download as a ZIP.ICO GeneratorTurn any image into a multi-size .ico favicon. Generates 16, 32, 48 and 64 pixel versions in one file, in your browser.Image ResizerResize images by pixels or percentage, with the aspect ratio locked. Batch resize and download as a ZIP. Runs in your browser.