ComboStrap Svg Optimization

1 - About

Svg Optimization is the reduction of the svg file size by deleting unneeded information without losing any quality.

2 - Rules

We are following a subset of the SvgO optimization rules.

The implemented rules are:

  • Remove comments
  • Remove metadata
  • clean ID's
  • Remove empty elements
  • Remove editors and empty namespace
  • Remove title
  • Remove desc
  • Remove Style element
  • Remove Script element (no script injection)
  • Remove Attribute with default value (for instance version="1.1" or preserveAspectRatio="xMidYMid meet"
  • Remove width and height if they have the same value than the viewBox
  • Remove XML header such as
'<?xml version="1.0" encoding="UTF-8"?>
  • Remove doctype such as:
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">

You can disable and/or tune the optimizations with the help of the svg optimization configurations.

3 - SVG Optimization GUI

If you want to see the effect or optimized manually your SVG, you can go to the SVGOMG tool.

4 - Configuration

4.1 - svgOptimizationEnable

By default, the optimization are enabled. This configuration permits to disable this feature.

The below configuration permits to control how the optimization is peformed.

4.2 - svgOptimizationNamespacesToKeep

This configuration set the namespace prefix (not the http URI but the name) that should be kept separated by a comma.

By default, the optimization will delete all below editors and empty namespace.

The editors namespace automatically deleted are:

http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd
http://inkscape.sourceforge.net/DTD/sodipodi-0.dtd
http://www.inkscape.org/namespaces/inkscape
http://www.bohemiancoding.com/sketch/ns
http://ns.adobe.com/AdobeIllustrator/10.0/
http://ns.adobe.com/Graphs/1.0/
http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/
http://ns.adobe.com/Variables/1.0/
http://ns.adobe.com/SaveForWeb/1.0/
http://ns.adobe.com/Extensibility/1.0/
http://ns.adobe.com/Flows/1.0/
http://ns.adobe.com/ImageReplacement/1.0/
http://ns.adobe.com/GenericCustomNamespace/1.0/
http://ns.adobe.com/XPath/1.0/
http://schemas.microsoft.com/visio/2003/SVGExtensions/
http://taptrix.com/vectorillustrator/svg_extensions
http://www.figma.com/figma/ns
http://purl.org/dc/elements/1.1/
http://creativecommons.org/ns#
http://www.w3.org/1999/02/22-rdf-syntax-ns#
http://www.serif.com/
http://www.vector.evaxdesign.sk

4.3 - svgOptimizationAttributesToDelete

The attributes to delete on all nodes.

By default, we are deleting the id and style attributes.

4.4 - svgOptimizationElementsToDelete

The elements to delete on the whole SVG.

By default, we delete the following elements:

Powered by ComboStrap