SVG to PNG Converter: The Free Tool Designers Actually Use
Quick scenario.
You designed a logo as an SVG. Clean, scalable, perfect.
Now your client wants it on a PowerPoint slide. Or as an iOS app icon. Or printed at 300 DPI for a banner.
PowerPoint barely handles SVG. iOS needs PNG. Print needs specific DPI.
You need a SVG to PNG converter, and you need it now.
In this guide, I'll show you the free tool I use that beats CloudConvert and Adobe combined, plus the 6 export presets every designer should know.
Why SVG-to-PNG conversion matters#
SVG is the future for the web. Scales infinitely, tiny file size, accessibility-friendly.
But the rest of the world still uses raster:
- iOS app icons: PNG required (specific sizes)
- PowerPoint / Keynote: PNG for reliable display
- Email marketing: SVG support is spotty; PNG is universal
- Print: needs specific DPI (usually 300 for high quality)
- Social media: most platforms want PNG/JPG
- Legacy systems: SVG often unsupported
So you need to convert. Often.
What a great SVG to PNG converter does#
My checklist:
- Custom DPI — 96 (web), 192 (2x retina), 288 (3x), 384 (4x), 300 (print)
- Resolution presets — 1080p, 4K, Instagram square, Open Graph, PWA icon
- Transparent or solid backgrounds — for both web and print needs
- Batch processing — convert dozens of SVGs at once
- Multiple output formats — PNG, JPG, WebP
- Browser-only — your SVGs don't upload to a server
Most "free" converters online fail on at least 3 of these.
The free converter I use#
All six. Free. No watermark. Batch capable. Auto-generates retina suffixes (@2x, @3x) for iOS/Android workflows.
The 6 export presets every designer needs#
When you convert, you're really targeting a specific use case. Here are the six I use weekly.
Preset 1: Web standard (96 DPI, 1x)#
For: regular web images, blog post graphics, simple icons.
Size: actual SVG dimensions, no upscaling.
Preset 2: Retina (192 DPI, 2x)#
For: web images on retina displays (Macs, iPhones, modern Android).
Size: 2x the SVG dimensions. Looks crisp on hi-DPI screens.
Preset 3: 3x mobile (288 DPI, 3x)#
For: iOS / Android apps on Plus phones, Pro Max devices.
Size: 3x. Standard in mobile dev workflows.
Preset 4: Print quality (300 DPI)#
For: posters, business cards, brochures, anything printed.
Size: depends on physical print size. 300 DPI is industry standard for print.
Preset 5: Open Graph (1200x630)#
For: social media link previews. LinkedIn, Twitter, Facebook all use this aspect ratio.
Preset 6: PWA icon (512x512)#
For: progressive web app icons, Android launcher icons.
Step-by-step: converting your first SVG#
Let's do this together.
Step 1: Drop your SVG#
Head to molixa.app/tools/svg-to-png.
Drag your SVG file (or multiple) onto the upload zone.
Step 2: Pick a DPI#
Most common: 2x retina (192 DPI) for web work. 300 DPI for print.
Step 3: Choose background#
Transparent keeps the SVG's transparency intact. Use this for icons or anything overlaid on colored backgrounds.
Solid hex color fills the background. Useful for social media (which doesn't always handle transparency well).
Step 4: Pick output format#
- PNG — default; lossless, supports transparency
- JPG — smaller, no transparency
- WebP — modern, smallest, supports transparency
Step 5: Convert#
For batch: click "Convert all." For single: just one click.
Step 6: Download#
Single file: direct download. Multiple: ZIP file with all the conversions.
Filenames get automatic suffixes — [email protected] for retina, [email protected] for print, etc.
Real workflow: iOS app icon export#
Here's how I export an app icon in one go.
I have app-icon.svg (1024x1024 source).
I drop it in. Run conversions at 1x, 2x, 3x simultaneously.
Output:
app-icon.png(1024x1024) — for App Store[email protected](2048x2048) — for iPad[email protected](3072x3072) — for iPhone Pro Max
Three sizes. One source SVG. 12 seconds.
Compare to manually opening Sketch / Figma, exporting each size, naming each correctly. That's 15-20 minutes.
What about CloudConvert and Adobe?#
The big competitors.
CloudConvert:
- Free tier: 25 conversions/day
- Paid plans start at $9/mo
- Cloud-based (your file uploads)
Adobe Express:
- Free tier limited
- Premium $9.99/mo
- Tied to Adobe Creative Cloud
Molixa SVG to PNG:
- Unlimited free conversions
- Browser-only (no upload)
- No signup
For occasional users, the free options are equivalent. For heavy workflows, browser-only beats cloud (no upload time, no daily caps, no privacy concerns).
Common SVG conversion mistakes#
After converting too many SVGs:
Mistake 1: Converting at default DPI for retina screens. Result looks fuzzy on Macs and iPhones. Always check whether your target is retina.
Mistake 2: Not preserving transparency when needed. Converting with a white background when you meant transparent is a common gotcha.
Mistake 3: Using PNG when WebP would do. WebP is 30% smaller for the same quality. Use it on the web.
Mistake 4: Forgetting to test at the actual display size. Convert, then zoom into your design to make sure it still looks right.
Mistake 5: Embedding external assets in the SVG. SVGs with <image href="https://..."> taint the canvas during conversion, breaking the export. Use base64 inline or pure paths.
Pro tips#
Quick wins:
Tip 1: For batch exports, name your SVGs consistently. The tool preserves names with suffixes.
Tip 2: For social media exports, use the Open Graph preset (1200x630). It's the universal aspect ratio.
Tip 3: For print, always use 300 DPI minimum. Some shops want 600 DPI for high-end work.
Tip 4: When converting logos, generate at 4x (384 DPI). You'll have headroom for any future use.
Tip 5: Compress the resulting PNGs with Molixa Image Compressor if you're shipping to web.
SVG best practices for cleaner exports#
A few notes:
Clean up your SVG source#
- Remove unused groups
- Flatten layers
- Convert text to paths (preserves rendering)
- Strip metadata
Cleaner SVGs convert faster and produce smaller PNG outputs.
Use proper viewBox#
Make sure your SVG has a correct viewBox attribute. It determines how the SVG scales during conversion.
Avoid external dependencies#
External fonts, embedded scripts, linked images — these can cause conversion failures. Self-contained SVGs convert reliably.
Wrap-up#
SVG-to-PNG conversion shouldn't take 10 minutes per file.
It should take 12 seconds for batch.
Molixa SVG to PNG Converter handles single files, batches, retina suffixes, and modern formats. Free.
Bookmark it. Save the 15 minutes per design export.
Get back to designing.