ID, блоки defs и ссылки

Файлы из Illustrator и Sketch часто содержат длинные случайные ID, дубликаты определений и неиспользуемые символы. Очистка этих данных критически важна для наборов иконок и любых SVG, использующих маски, обтравочные контуры (clips) или градиенты, привязанные к id.

Плагины SVGO в этом разделе

Удалить неиспользуемые элементы в <defs> removeUselessDefs
Удаляет неиспользуемые элементы внутри тега <defs> (градиенты, символы, контуры) после завершения остальных этапов очистки.
Округлить / оптимизировать списки чисел cleanupListOfValues
Округляет числа внутри списков, разделенных пробелами (points, viewBox, трансформации), уменьшая длину атрибутов.
Заменить дубликаты элементов ссылками <use> reusePaths
Заменяет дублирующиеся определения контуров на ссылки <use>, ведущие к одному исходному определению.
Сортировать вложенные элементы в <defs> sortDefsChildren
Сортирует дочерние элементы внутри тега <defs> для обеспечения стабильного вывода кода и лучшего сжатия.

Связанные темы

Как попробовать

Откройте SVGOMG.ru, загрузите свой SVG и переключайте указанные выше плагины на панели настроек.