An enhanced fork of SVGOMG — the missing GUI for SVGO. Optimize multiple SVG files at once, resize and scale with precision, remove whitespace around content, and prevent ID conflicts when embedding SVGs. All with real-time preview and one-click ZIP download.
Process multiple SVG files at once with the same optimization settings:
- Batch optimization - Select or drag & drop multiple SVG files
- Live previews - See thumbnails of all your SVGs in grid or list view
- Real-time updates - Previews update as you adjust settings
- File selection - Select/deselect individual files for processing
- File management - Delete files from the batch before or after processing
- ZIP download - Download all optimized files as a single ZIP archive
- Progress tracking - Overall progress bar during processing
- Size summary - See total bytes saved across all files
Powerful transform options in a dedicated section:
- Max Width - Set a maximum width constraint (maintains aspect ratio)
- Max Height - Set a maximum height constraint (maintains aspect ratio)
- Scale % - Scale the SVG by a percentage (1-200%)
- Remove whitespace around content - Automatically trims empty space around SVG content by recalculating the viewBox to fit the bounding box of all visible elements
- Prevent ID conflicts - Enable "Prefix IDs" in settings to add unique prefixes to all IDs and class names in your SVGs
- Safe for embedding - Prevents conflicts when multiple SVGs with common IDs (like
#a,#b,#c) are used on the same page
- All original SVGOMG optimization features powered by SVGO
- Real-time preview of optimized SVG
- Gzip size comparison
- Download optimized SVG
- Copy optimized markup
- Works offline (PWA)
- Prefix IDs - Added unique random prefix generation for IDs to prevent conflicts
- File Selection - Added checkboxes to select/deselect files in bulk mode
- File Deletion - Delete individual files or selected files from batch
- Improved Drag & Drop - Fixed overlay behavior in bulk mode
- Bulk processing with ZIP download
- Transform section with resize, scale, and whitespace removal
- Grid and list view for bulk previews
More updates coming soon! Check the issues page for planned features.
Install dependencies:
npm installBuild the project:
npm run buildRun dev server:
npm run devOr start the production build:
npm startCheck out the issues to see what's planned, or suggest ideas of your own!
This project is a fork of SVGOMG by Jake Archibald. Huge thanks for creating the original amazing tool!
MIT