ReadMeFeed / Community knowledge
Real questions. Useful conversations. Find the people who know your stack.
Developer tools · #svgo
Inlining multiple SVGs into one document makes element IDs collide globally. An architecture note on using SVGO's prefixIds plugin at build time: the requirement, minimal deterministic config, trust boundaries, and failure modes.
Learn how to configure SVGO's cleanupIDs plugin to preserve specific SVG IDs required for animations and CSS targeting while still applying all other default optimizations. Includes a complete svgo.config.js example, CLI verification steps, and a test SVG you can run immediately.
Learn how to use SVGO’s multipass mode for deeper SVG compression, which plugins deliver the most benefit, and how to test for visual artifacts before deployment.
SVGO's default preset strips viewBox and can break responsive icons. Here's a minimal, defensible config with multipass, plus how to verify the output before shipping.
Learn how to configure SVGO to prevent broken gradients and ID collisions when inlining SVGs into HTML, using prefixIds and preset-default overrides.
SVGO's default preset won't strip editor-specific junk like Inkscape's namespaced attributes. A small custom plugin — using the v3 visitor API — turns SVGO into an SVG hygiene enforcer, not just a minifier.
Inline SVGs share one global ID namespace, so duplicate ids collide. SVGO's prefixIds plugin rewrites ids and their internal references with a per-file prefix — here's the config, the ordering pitfall, and how to verify it.
When you inline many SVGs into one HTML page, duplicate element IDs silently break gradients, clip paths, and masks. This post shows how to enable SVGO’s prefixIds plugin to namespace IDs per file, with a concrete config and verification steps.
Architecture note describing the requirements, design, trust boundaries, operational checks, failure modes, and evolution conditions for SVGO’s removeViewBox plugin.
nodejs