svgomg

Often, you can considerably reduce the file size of an SVG text file without a noticeable reduction in perceptual quality just by reducing the precision of the coordinates. The awesome SVG Optimizer [1] has a filter (cleanupNumericValues) to process SVG files to a fixed precision. The equally awesome SVG Optimizer Missing Gui (SVGOMG) [2] provides a web-based GUI [3] to interactively adjust precision and see the resulting render (and file-size). [1] https://github.com/svg/svgo [2] https://github.com/jakearchibald/svgomg [3] https://jakearchibald.github.io/svgomg

I use it every time I'm using SVG for the web. My only problem is that when pasting SVG directly from Illustrator it finds an invalid character at the end and refuses to use it. I have to paste the SVG into an editor, remove some invisible character at the end, and then paste to svgomg. I reported this and offered to PR but never got an answer: https://github.com/jakearchibald/svgomg/issues/145

Just last night I was playing with Primitive [0], which tries to reproduce photographic images by building up layers of shapes. I found this via SQIP [1], was discussed on HN last week. I haven't tried this with line art like icons or logos. I usually just hand-optimize simple ones, then run them through svgo [2]. [0] https://github.com/fogleman/primitive [1] https://github.com/technopagan/sqip [2] https://github.com/jakearchibald/svgomg/blob/master/README.m...