Menu

SVG to PNG

Purpose: Convert SVG vector files to PNG raster images at any resolution. All processing is done client-side.

SVG to PNG: How It Works

SVG describes shapes mathematically, so it stays sharp at any size. PNG stores a fixed grid of pixels. Converting from one to the other is a deliberate downgrade — done for compatibility, and the only real decision is what resolution to lock in.

What you give up

SVGPNG
ScalingInfinite, always sharpFixed; blurs when enlarged
File size for a logo2–20 KB50–500 KB
EditableYes, as text or in a vector editorOnly as pixels
Styleable with CSSYesNo
AnimatableYesNo

The moment you export to PNG you choose a resolution permanently. Enlarging beyond it produces blur, so the export size has to anticipate every place the image will be used.

Why convert at all

Choosing an export size

Export at two to three times the largest display size. An image shown at 400 pixels should be exported at 800–1200 to stay sharp on high-density screens. Exporting several sizes is usually better than picking one compromise.

UseExport at
Favicon32, 180 and 512 px
Email logo2× the display width
Open Graph image1200 × 630
Print300 DPI at final physical size

Fonts are the usual failure

An SVG containing text references a font by name. If the renderer does not have that font, it substitutes another — and the exported PNG shows the wrong typeface, often with broken spacing. The reliable fix is to convert text to outlines in your vector editor before exporting, which turns letters into shapes that need no font at all.

Transparency

PNG supports an alpha channel, so a transparent SVG background is preserved. Confirm this is what you want: a logo exported with transparency looks correct on any background, while one exported with a white background shows a visible box wherever the page is not white.

Keep the SVG

PNG is an output, not a source. Every future size, colour change or edit should come from the SVG. Losing the vector original and being left with only rasterised exports is a genuinely expensive mistake for a brand asset — recreating a logo from a PNG means redrawing it.

Rendering here happens in your browser, so the file is not uploaded.

Frequently Asked Questions

What resolution should I export at?
Two to three times the largest size the image will be displayed. An image shown at 400 pixels should be exported at 800–1200. Exporting several sizes is usually better than choosing one compromise.
Why does the text look wrong in my PNG?
The SVG references a font by name and the renderer did not have it, so it substituted another. Convert text to outlines in your vector editor before exporting — that turns letters into shapes needing no font.
Is transparency preserved?
Yes, PNG supports an alpha channel. Decide deliberately: transparency looks correct on any background, while a white background produces a visible box on any non-white page.
Can I convert a PNG back to SVG?
Not meaningfully. Tracing tools approximate shapes from pixels, which works for simple flat graphics and produces poor results for anything detailed. The vector information is not recoverable.
Why do some sites refuse SVG uploads?
Because SVG is XML and can contain scripts, making it a vector for cross-site scripting if served without sanitising. Many upload handlers reject it rather than sanitise it, which is why PNG is often required.
Should I keep the original SVG?
Always. PNG is an output. Every future size, colour variant or edit should be produced from the vector source — recreating a logo from a raster export means redrawing it from scratch.

Related Image Tools

Browse all Image tools →