SVGOMG
FreeDrag-drop SVG optimizer with live preview. Uses SVGO under the hood — remove metadata, clean paths, reduce file size by 30-80%. Essential for frontend developers.
How to install SVGOMG as a PWA
Frequently asked questions about SVGOMG
What makes SVGOMG different from running SVGO on the CLI?
SVGO via npm is faster for batch optimization but gives no visual feedback — you only see the final file. SVGOMG renders the original and optimized SVG side by side and exposes every plugin as a toggle with a live preview, so you can spot when a plugin breaks rendering (e.g. removing a viewBox or merging paths incorrectly). It is the right tool for one-off icon optimization and for tuning the SVGO config you will then bake into your build pipeline.
Is SVGOMG free?
Yes — SVGOMG is fully free, with no ads, no account and no upsell. The source is MIT-licensed on Jake Archibald's GitHub and the hosted version at jakearchibald.github.io/svgomg is served from GitHub Pages. There is no premium tier, no quota and no file-size limit beyond browser memory. Because everything runs client-side, hosting costs are essentially zero and the maintainer has no incentive to monetize.
How does SVGOMG compare to Squoosh for SVG optimization?
Squoosh, also from the Chrome team, optimizes raster images (JPEG, PNG, AVIF, WebP) and does not handle SVG. SVGOMG is the SVG-specific counterpart in the same Google-built family. Use SVGOMG for any vector file and Squoosh for photographs and screenshots. Both are PWAs, both run fully offline after first load, and both are client-side — so neither sends your files to a server.
Does SVGOMG send my files to a server?
No — SVGOMG is 100% client-side. All optimization happens via WebAssembly and JavaScript in your browser tab. No file upload, no telemetry on file contents, no server-side processing. This makes SVGOMG safe for proprietary or unreleased logos, including design assets under NDA. The service worker also caches the entire app shell, so you can disconnect the network after loading and continue optimizing offline.
Is SVGOMG used in production design systems?
SVGOMG is widely used in icon-design pipelines at agencies and product teams as the final manual pass before a logo ships. It also shows up in the official documentation of design-system tools like Figma plugins, Iconify and SVGR. For automated pipelines, teams typically port the SVGOMG config to SVGO in their build (Webpack/Vite plugin) — using SVGOMG for the visual config-tuning step, then handing the JSON config to CI.
Where SVGOMG is heading (12-24 months)
- →Batch mode (drag-drop a folder) would close the main feature gap with CLI SVGO.
- →Direct export of the SVGO 4.x config JSON for build pipelines.
- →Built-in accessibility audit (missing title, aria-label) would extend its scope beyond byte optimization.
Related questions
ChatGPT, Perplexity and Gemini usually suggest these next.
- Which SVGO plugins are safe to enable in SVGOMG?
- How do I export the SVGOMG config for use with my build pipeline?
- Why does SVGOMG sometimes break my SVG rendering?
- Can SVGOMG batch-optimize multiple SVGs at once?
- How do I optimize SVG icons for a React/Vue icon library?
More in Development Tools
Offline API documentation browser with 100+ languages and frameworks. Combines MDN, React, Node.js, Python docs into one fast, searchable interface. Works completely offline.
The best regex debugger on the web. Real-time explanation, match highlighting, test strings, and a library of saved patterns. Supports PCRE2, JavaScript, Python, Golang regex.
Google's image compression tool — compare formats (WebP, AVIF, MozJPEG) side by side with live quality sliders. All processing is client-side. A must-have for web developers.
Check the bundle size of any npm package before installing it. Enter a package name, get instant size stats (minified + gzipped). A critical tool for keeping JS bundles lean.
Full browser-based IDE running Node.js via WebAssembly. Open GitHub repos instantly, run npm packages without installation, share working demos with a URL. No local setup needed.
Browser-based development environment for React, Vue, Angular, and more. Instant previews, collaborative editing, deploy with one click. Ideal for prototyping and sharing demos.