svg/svgo

⚙️ Node.js tool for optimizing SVG files

svgo's Issues

Name conflict: SVGo

There is another SVG-related library called «SVGo: A Go library for SVG generation». Apparently, it brings the name conflict and make it hard it find this tool, since that library goes to the first position in the search results. Id recommend to rename this tool to a some non-occupied name like «SVGopt».

plugins/convertPathData: convert M + L into M

http://www.w3.org/TR/SVG/paths.html#PathDataMovetoCommands

If a moveto is followed by multiple pairs of coordinates, the subsequent pairs are treated as implicit lineto commands.

plugins/convertPathData: prevent an infinity loop on invalid path data

plugins/collapseGroups: merge split-level transforms

<g transform="rotate(45)">
    <path transform="scale(2)" d="..."/>
</g>

should become a

<path transform="rotate(45) scale(2)" d="..."/>

new plugin: collapse multiple transforms into one matrix

Firefox: removing extra space in front of negative number is alowed only in path data, but not in transform

http://old.nabble.com/Negative-values-in-polygon-polyline-points-td27993375.html

so we can do

<path d="m10-20"/>

instead of

<path d="m10 -20"/>

but can't

<g transform="matrix(.707-.707 .707 .707 0 0)"/>

instead of

<g transform="matrix(.707 -.707 .707 .707 0 0)"/>

lib/svgo: fatal and stupid error in stream chunks concatenation

plugins/convertTransform: add patternTransform attribute to the process

lib/coa: support arguments as aliases to --input and --output

svgo -i test.svg -o test.min.svg

and

svgo test.svg test.min.svg

should be identical.

plugins/convertPathData: do not remove very first M from the path data

new plugin: remove unknown elements content, attrs and attrs with default values

plugins/convertPathData: optimize path data in <glyph> and <missing-glyph>

SVGO browserification

1. It would be convenient to have SVGO api, without need to export each plugin file separetely.
2. You use node.exand, that has absolutely useless fs dependency - not good for browserification. Better to replace with patched source.

Finally, it would be nice to have:

1. Node library, to use from another projects
2. Browser library, to optimize SVGz in single-page apps.

plugins/moveElemsAttrsToGroup: should affect only inheritable attributes

plugins/removeUnknownsAndDefaults: merge multiple groupDefaults attrs

plugins/moveElemsAttrsToGroup: fix inheitable only attrs array

new plugin: reduce id names to the minimum

something wrong with convertPathData plugin

lib/coa: batch folder optimization

lib/svgo/svg2js: correct 'onerror' failure

plugins/convertTransform: add matrix(1 0 0 1 0 0) to the useless transforms list

plugins/convertPathData: do all the tricks with absolute coords too

lib/svgo: allow to do a multiple optimizations with one init

catch and output xml parser errors

If input and output file names are the same, then: 1. error 2. the original file is lost

@pepelsbey

new plugin: polyline and polygon simplification with Visvalingam’s algorithm

http://bost.ocks.org/mike/simplify/

apply transforms to Path pata

This optimization is useful, if you like to generate SVG fonts without FontForge. Source image can have multiple paths + transformation rules. Result should be a single path. What needed:

1. Apply transformations "inline" (recalculate paths)
2. Join paths (chaining works fine)

Example:

• source image: https://github.com/fontello/brandico.font/blob/master/src/svg/blogger-rect.svg#L81
• result in font: https://github.com/fontello/brandico.font/blob/master/font/brandico.svg#L105

Also, it would be nice to know how to calculate path bounding box (that's useful, if you like to crop or center image)

lib/coa: support svgz

plugins/convertPathData: convert quadratic Bézier curveto into smooth shorthand

rename config.yml to .svgo.yml

new plugin: decrease accuracy of floating-point numbers

like in convertPathData plugin but at least for polyline and polygon data.

but if the default width/height are very small then increase the accuracy or do something else to reduce distortion.

plugins how-to

lib/js2svg: don't indent text elements content with --pretty

config: cleanupAttrs should be before convertStyleToAttrs

plugins/convertPathData: convert curveto into smooth shorthand

plugins/removeComments: ignore comments which starts with '!'

lib/svgo: global API refactoring + usage examples

plugins/removeXMLProcInst: remove only 'xml' but not 'xml-stylesheet'

plugins/convertPathData: accumulation of rounding errors

plugins/convertPathData: first M, M + L and current point after Z bug

plugins/removeDefaultPx: should also understand a floating-numbers too

plugins/removeEmptyContainers: do not remove an empty 'svg' element

stabilize 'master' branch and move trunk to 'dev' branch

plugins/moveElemsAttrsToGroup: merge split-level transforms instead of replacing

need YAML for config

JSON in config is brain killer. Please, consider use yaml. https://github.com/nodeca/js-yaml

Simplify phantomjs installation

We use this dependency, to avoid manual phantomjs installation install: https://github.com/Obvious/phantomjs

plugins/convertPathData: convert straight curves into lines segments

plugins/removeViewBox: deprecate and convert width/height/x/y to viewBox when possible

temporarily remove PhantomJS and --test

…because after absolute → relative path data transformation all browsers except Firefox have an internal rounding errors while calculating and rendering relative path :-/ and almost in all cases phantomjs test fails because WebKit has an almost invisible differences in a few pixels.

lib/plugins: allow any plugin of any type to go in any order