There are many ways to optimize SVGs. Ideally, your build pipeline does that automatically for you (e.g. via postcss-svgo
).
If you want to manually tweak an SVG, you can use
SVGOMG
Show archive.org snapshot
which is an application running
SVGO
Show archive.org snapshot
in your browser.
You should deactivate the option "Remove viewBox" because you want SVGs to be scalable by the browser.
You see a live preview of any changes you make, and can copy the SVGO source with a single click (or download the optimized SVG).
Posted by Arne Hartherz to makandra dev (2018-11-20 08:54)