Оптимизация контуров и геометрии

Файлы SVG с большим количеством контуров получают огромную выгоду от округления координат, конвертации фигур и сглаживания групп. Эти плагины дают самый большой выигрыш в размере для сложных иллюстраций, но требуют визуальной проверки после включения — особенно это касается convertPathData и mergePaths.

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

Оптимизировать геометрию контуров (path) convertPathData
Переписывает команды контуров, сокращая количество цифр и упрощая кривые. Обычно даёт наибольший выигрыш в размере на сложных иллюстрациях.
Объединить контуры (path) mergePaths
Объединяет контуры с одинаковым стилем в меньшее число элементов, сокращая размер DOM внутри структуры SVG.
Конвертировать фигуры в контуры (path) convertShapeToPath
Конвертирует базовые фигуры rect, circle, ellipse и line в эквивалентные контуры (path), которые часто весят меньше после округления координат.
Конвертировать правильные <ellipse> в <circle> convertEllipseToCircle
Заменяет эллипсы с равными радиусами на более компактные элементы <circle>.
Оптимизировать трансформации (transform) convertTransform
Оптимизирует атрибуты transform: укорачивает матричную нотацию, объединяет операции, уменьшает число знаков после запятой.
Объединить пустые / лишние группы collapseGroups
Удаляет лишние обёрточные элементы <g>, которые никак не влияют на итоговый рендеринг графики.
Переместить атрибуты в родительскую группу moveElemsAttrsToGroup
Переносит общие атрибуты дочерних элементов вверх на родительские элементы <g> для сокращения дублирования.
Переместить атрибуты группы в элементы moveGroupAttrsToElems
Спускает презентационные атрибуты уровня группы вниз на дочерние элементы, если это уменьшает итоговый размер файла.
Удалить контуры за пределами холста removeOffCanvasPaths
Полностью удаляет контуры, которые целиком лежат за пределами области отсечения viewBox.

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

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

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