How to Convert SVG to PNG — Free Methods

Method 1: Browser Save (Fastest)

The quickest way: open the SVG in Chrome, right-click the image, and save as PNG. The browser renders the SVG at screen resolution.

• Drag the SVG file onto a Chrome tab, or File > Open
• Right-click the rendered SVG → 'Save image as'
• Chrome offers PNG as the format automatically
• Limitation: exports at screen resolution (72–96 DPI) — not suitable for print

Method 2: Inkscape Export (Best Quality)

Inkscape gives you precise control over export resolution. Free, open-source, available on Windows/Mac/Linux.

• File > Import or drag your SVG into Inkscape
• File > Export PNG Image (Shift+Ctrl+E)
• Set DPI: 72 for screen, 150 for online print, 300 for professional print
• Click Export As to choose filename, then Export
• Resolution up to 1200 DPI for billboard-quality output

Method 3: Squoosh or Browser DevTools

For quick web exports, Squoosh (squoosh.app) can open SVG files and save as PNG with compression control. Browser DevTools let you screenshot SVG elements at any size.

Method 4: Sharp (Node.js for Developers)

const sharp = require('sharp'); sharp('input.svg').resize(800).png().toFile('output.png'). Sharp renders SVG via libvips at high quality — ideal for automated workflows.

• sharp() reads SVG files natively
• Set width/height to control output resolution
• Use .png({ quality: 100 }) for lossless output
• Works in Node.js build pipelines and CI/CD

Frequently Asked Questions

Related guides