Batch Converting Assets for a Design System

Design system work often involves migrating icon libraries, converting legacy logo files, or exporting assets from a raster source. Here's the fastest path from a folder of PNGs to a folder of production-ready SVGs.

Option 1: Web batch upload (Pro+)

Pro and Team subscribers can upload up to 20 files at once on the web app.

1. Go to [vectalyze.io/convert](/convert) 2. Drag all your files onto the upload zone at once 3. Set your trace parameters once — they apply to all files in the batch 4. Click Convert all 5. Download the ZIP when processing is complete

Best for: One-off migrations, sharing with non-technical teammates, remote work.

Option 2: Desktop app folder drop

The desktop app accepts an entire folder as input.

1. Open Vectalyze Desktop 2. Drag a folder onto the app window 3. Configure output format and trace settings 4. Click Convert folder 5. The converted files appear in an output folder alongside the originals

Best for: Large batches (100+ files), sensitive assets, offline environments.

Getting consistent results

When converting a set of related assets (like an icon library), consistency matters. You want all icons traced with identical settings so they look like they belong together.

Tips:

• Use the same threshold for all icons in a set — slight variations will make some icons appear heavier or lighter
• Set turd size high enough to eliminate any pixel noise, but not so high it removes intentional small details
• For icon sets with thin strokes, lower the threshold to ensure lines don't drop out

Post-processing the SVGs

After conversion, run the SVGs through SVGO (the SVG optimiser) to remove metadata, clean up precision, and reduce file size. Most build tools can integrate SVGO automatically.

npx svgo --folder ./icons --output ./icons-optimised

Typical size reduction: 20–40% without any visual difference.

Checking the output

Spot-check a few files before committing the whole batch. Open them at small sizes (16px, 24px) and large sizes (128px+) to verify they look correct at both ends of the scale range. Any icons that look off can be re-converted individually with adjusted settings.