3 ms·

I wish I had read this earlier today. I wrote my own mini-Cliff-notes on how to do things in SVG that covers a lot of silly SVG things in a Stack Overflow answe

I wish I had read this earlier today. I wrote my own mini-Cliff-notes on how to do things in SVG that covers a lot of silly SVG things in a Stack Overflow answer... https://stackoverflow.com/a/54462467/3917602 https://stackoverflow.com/a/54462467/3917602 The real problem with SVG is that you need to be a techie type rather than a paintbrush wielding type to get the most out of SVG. In companies this is forbidden. You can't have a techie do design. So you have to have off the shelf bloated 'assets' because that is how they come out of Illustrator. I find I always have to roll my own even for the simplest things such as the 'moon' icon that I thought worthy of putting in to a Stack Overflow answer for 'future reference'. Clearly I will be watching every CSS-Tricks video on this series and I hope that this gets mentioned in it: https://jakearchibald.github.io/svgomg/ https://jakearchibald.github.io/svgomg/ This allows you to spot 'obvious' optimisations.

tenaciousDaniel 8y ago
I once walked a designer through the process of "cleaning" an SVG from illustrator, and once they learn, it's not too bad.
- dhimes 8y ago
  I recently discovered that inkscape has a "clean svg" output option which is ok for the most part. Kind of a happy medium (but I do simple stuff).
rchaud 8y ago
I made a SVG shape in Vectr for a typographic logo I was creating (not a designer). The SVG included some text, for which I used one of the Google fonts included in Vectr. When I exported it, the graphic was 400KB or something ridiculous. I put it into SVGOMg, and it quickly identified the font as the culprit. I removed the font and the file size went to 0.6KB. Does Illustrator include the file size of the font when it exports to SVG?
- Ibethewalrus 8y ago
  Not that I remember. But latest AI has improved opening and exporting the odd ones.
- jcdietrich 8y ago
  In Inkscape there is an option to convert text to paths. This would make the text shapes and then it won't export the font. This is what you want for anything that has fixed text.

tenaciousDaniel 8y ago

I once walked a designer through the process of "cleaning" an SVG from illustrator, and once they learn, it's not too bad.

dhimes 8y ago
I recently discovered that inkscape has a "clean svg" output option which is ok for the most part. Kind of a happy medium (but I do simple stuff).

rchaud 8y ago

I made a SVG shape in Vectr for a typographic logo I was creating (not a designer). The SVG included some text, for which I used one of the Google fonts included in Vectr. When I exported it, the graphic was 400KB or something ridiculous. I put it into SVGOMg, and it quickly identified the font as the culprit. I removed the font and the file size went to 0.6KB. Does Illustrator include the file size of the font when it exports to SVG?

Ibethewalrus 8y ago
Not that I remember. But latest AI has improved opening and exporting the odd ones.
jcdietrich 8y ago
In Inkscape there is an option to convert text to paths. This would make the text shapes and then it won't export the font. This is what you want for anything that has fixed text.