SVG to PNG — Render at Any Size
Paste SVG markup or drop a .svg file, pick a size (favicon, icon, OG image), and render to PNG. Transparent or solid background, Retina scale. Browser-only.
About this tool
WRRK's SVG to PNG converter rasterises vector SVG markup into a fixed-size PNG bitmap using the same engine that renders SVGs in your browser's <img> tags. The whole process runs in your browser via the Canvas API — your SVG never leaves your device, the page works offline once loaded, and there's no signup, no watermark.
Use the converter to export favicons (64×64 or 128×128), PWA / Apple touch icons (256×256 to 512×512), App Store icons (1024×1024), or social-card OG images (1200×630). Pick 'Transparent' to keep the alpha channel for layered designs, or 'Solid color' to flatten onto a chosen background. Pixel scale 2× or 3× gives you Retina-sharp output for high-DPI displays without aliasing.
How to convert SVG to PNG (5 steps)
- Provide your SVG. Paste the SVG markup directly into the box, or switch to upload mode and drop a .svg file. The tool reads viewBox + width + height to determine intrinsic dimensions.
- Pick a size. Choose a preset (favicon, app icon, OG image), keep the SVG's native size, or set a custom width — height is computed automatically from aspect ratio.
- Set background. Pick transparent (default — keeps alpha) or a solid color (flattens onto that background, e.g. white for printable PNGs).
- Pick pixel scale. 1× for normal, 2×/3× for Retina-sharp icons. The browser rasterises the SVG at the higher resolution for crisp output.
- Render & download. Click 'Render PNG' to rasterise via Canvas. Click 'Download PNG' to save. The file never leaves your browser.
When to convert
- Exporting a logo SVG to PNG for email signatures
- Building favicons from a vector source
- Creating PWA / Apple touch icons at multiple resolutions
- Generating Open Graph (OG) social card images
- Producing App Store / Play Store icon assets
- Sending vector artwork to platforms that don't accept SVG
- Embedding rasterised charts in PDFs or DOCX files
Frequently asked questions
+−How do I convert an SVG to a PNG?
Paste your SVG markup into the box (or upload a .svg file), pick an output size — preset, native, or custom width — and click Render PNG. Download the result with one click. The whole conversion runs in your browser using the Canvas API.
+−Will the PNG keep transparency?
Yes. Pick 'Transparent' as the background and the output PNG keeps its alpha channel — perfect for icons and logos that need to sit on any colour. Pick 'Solid color' if you want to flatten onto a specific background.
+−What size should I export at?
For favicons, render at 64×64 or 128×128. For PWA / Apple touch icons, 256×256 to 512×512. For social-card OG images, 1200×630. Use 'Pixel scale' 2× or 3× to get Retina-sharp output without rasterisation blur.
+−Are my SVG files uploaded to your server?
No. Conversion runs entirely in your browser — the SVG is rasterised by the same engine that renders SVGs in <img> tags, then re-encoded to PNG via the Canvas API. Your file never leaves your device.
+−Why does my SVG look blurry at small sizes?
If your SVG was authored at a large viewBox, very small PNG outputs lose detail. Try increasing the pixel scale to 2× or 3× and downscaling later, or simplify the SVG (remove fine 1px details, fonts that don't render at favicon size).
+−Can I export multiple sizes at once?
Not yet — render one size at a time. For multi-resolution favicon ICOs (16/32/48/64 in one file), use the dedicated /png-to-ico tool after exporting your PNGs from here.
+−Why doesn't my SVG render?
Common causes: missing the xmlns attribute (the tool injects it automatically), referencing external assets that aren't accessible, or invalid markup. Test the SVG by opening it directly in a browser tab first — if it renders there, it should render here.