What are some options for optimizing SVG? [closed]

Answer 1

Using the python library feedparser, which includes SVG sanitization, I wrote this function which annoyingly wraps svg in a single RSS item in order to parse it.

import feedparser
def sanitize_svg(svg):
    feed = """<?xml version="1.0" encoding="UTF-8" ?><rss><channel><item><description>""" + svg + """</description></item></channel></rss>"""
    parsed = feedparser.parse(feed)
    return parsed.entries[0].description.encode('utf-8')

Although made for whitelisting elements with security in mind, it also reduces the svg size a fair bit.

Answer 2

I've recently started to make a Python program to optimise SVGs, which you can find at: https://github.com/petercollingridge/SVG-Optimiser

There's a very preliminary online version at: http://petercollingridge.appspot.com/

With more information at: http://www.petercollingridge.co.uk/blog/svg-optimiser

It's far from complete and probably highly buggy, but it deals with some of the issues Chasbeen mentioned such as removing unnecessary precision and default style attributes. It can also strip out unnecessary attributes and namespaces if you know what you're looking for, and will convert styles to CSS which makes it easier to see how they could be improved.

I don't really understand what you mean about embedding fonts. If you paste an example fragment of the SVG showing the gyphs and multiple character elements, I might be able to include a method to combined them.

Answer 3

SVG-Cleaner seems to work perfectly: much faster thanb others, better compression, robust in my tests, batch folder proccessing, and hey! a windows installer for us lazy people!

My try: Original file size: 241 KB, after InkScape delete refs: 149K, cleaned with the tool: 38 KB, cleaned and compressed: 5 KB (.sgvz file extension).

I tried to open the last one, expecting a blank drawing... But my graphics were still there intact!

Download it here (Windows, Ubuntu, or Source)

Answer 4

I think your converted SVG is probably very bloated from what it could be. I'm not sure if Inkscape will take it! There are menu options such as "Convert to Text" but these do not necessarily work.

You can do search and replace on your file to remove references to default SVG attribute values such as.. stroke:#000000; stroke-width:1px; stroke-linecap:butt; stroke-linejoin:miter; stroke-opacity:1; A lot of these are default anyway so search and replace with nothing for those.

Also it's amazing how you can reduce unnecessary precision. On your conversion for that particular file you might well find a decimal ending .0000001 or .99999675 all these repetitions can also be removed/reduced

Answer 5

https://github.com/svg/svgo

sudo npm install -g svgo

to optimize all svgs in the current directory:

svgo -f .

If you don't have npm, you can install it on Ubuntu like so:

sudo apt-get update && sudo apt-get install nodejs-legacy npm

Answer 6

May be you can use a Free Web Service for that.

Try this site: https://online-converting.com/svg-optimizer/