SVG is the right format for editing and for the web, but half the world's software still wants pixels: Office documents, older email tools, marketplace uploads, app stores, print shops. Converting SVG to PNG is trivial to do badly — and the result is blurry edges, wrong sizes or missing text. Here is how to do it properly, in about thirty seconds.
The 30-second version
- Open the SVG to PNG converter — it runs in your browser, nothing is uploaded.
- Drop your SVG files (a whole folder works), or paste SVG code or a link directly.
- Pick the output width — up to 4K — or keep the SVG's own size.
- Download one PNG, or the whole batch as a ZIP.
Batch-friendly, transparent or white background, any size up to 4K. Free, no signup, files stay on your device.
Pick the size on purpose
An SVG has no fixed resolution — that is the whole point of vectors — so the converter has to be told how many pixels you want. Exporting at the SVG's declared size (often 24 or 32 px for icons) then scaling up later is the number one cause of blurry PNGs. Decide where the image will be used and export at that size, or double it for Retina/high-DPI screens:
| Use | Export size |
|---|---|
| Favicon / UI icon | 32–128 px (or use a favicon generator for the full set) |
| App icon | 512 or 1024 px |
| Logo in a document or slide | 1000–2000 px wide |
| Social media post | the platform's exact size — see the cheat sheet |
| Print or “just give me the biggest” | 3840 px (4K) |
Transparent or white background?
PNG supports transparency and SVGs are usually transparent by default, so the converted PNG will be too — ideal for logos that sit on coloured pages. But some destinations (JPG-only uploaders, older tools, print) show transparency as an ugly black or checkerboard. If the PNG is headed somewhere like that, flatten it on white during conversion; if it needs to sit on top of designs, keep transparency. The converter has a one-click switch for both, and a SVG to JPG sibling when the destination demands JPEG.
Why some SVGs convert wrong — and the fixes
- Text renders in the wrong font or disappears. The SVG references a font by name that the renderer does not have. Fix: convert text to outlines/paths in your design tool before exporting the SVG, or use a webfont-embedded SVG.
- The PNG is blank. The SVG links external images (
href="https://…") or an external stylesheet. Fix: embed images as data URIs and inline the CSS. - Colours look flat or effects are missing. Some exotic filters and blend modes are not supported by every renderer. Fix: rasterise the effect layer in your design tool, or simplify the effect.
- Edges look soft at small sizes. Fine strokes thinner than a pixel cannot stay crisp at 16–32 px. Fix: use a version of the icon drawn for small sizes, or export larger and let the destination scale down.
Batch conversion and automation
Icon sets rarely travel alone. The converter accepts hundreds of files at once and returns a ZIP; names are kept, and every file is rendered by resvg, the same engine used in production icon pipelines. If your SVGs are messy exports, run them through the SVG optimizer first — smaller, cleaner files convert faster and identically.