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" "">

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:

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