Tip of the Day: SVG Optimization with SVGOMG

SVGOMG (SVG Optimizer's Missing GUI) is a web-based GUI for compressing / optimizing SVG files, built on top of the SVGO Node.js module. The service lets you upload SVG images you have exported from your preferred editor, and strip-out unneeded meta data. There's also a whole host of configuration and optimization options available, such as colour value compression, number rounding, dead-element removal and much, much more.

For my own work-flow, I generally export plain SVG files from the brilliant InkScape and then compress them with SVGO. It's not unusual to see file size savings in the region of 40 to 50%. If you're planning to embed your SVG content in-line, you'll also appreciate the de-cluttered output.

To optimize your first SVG, head on over to https://jakearchibald.github.io/svgomg/ and clink the Open SVG link.