Преобразования, которые могут сломать SVG
Если оптимизация сломала ваш SVG, начните поиск проблемы отсюда. Эти плагины удаляют viewBox, встроенный растр, скрипты или перезаписывают ID так, что это нарушает адаптивную адаптивность, анимации или ссылки на элементы. Отключите их первыми, а затем включайте связанные плагины по одному.
Плагины SVGO в этом разделе
- Удалить атрибут viewBox
removeViewBoxВырезает атрибут viewBox, оставляя размеры заданными только через width и height. Это экономит байты, но ломает адаптивное масштабирование, если в CSS задано только одно измерение.
- Удалить растровые изображения (PNG/JPG)
removeRasterImagesУдаляет встроенные изображения PNG/JPEG внутри SVG. Сильно уменьшает размер файла, но полностью вырезает растровый контент.
- Удалить JS-скрипты (<script>)
removeScriptsВырезает элементы <script> и связанные с ними атрибуты событий из кода SVG.
- Очистить неиспользуемые ID
cleanupIdsСокращает и дедуплицирует атрибуты id, а также обновляет ссылки вида url(#…). Критически важен для минификации файлов из Illustrator, генерирующих длинные случайные ID.
Связанные темы
Как попробовать
Откройте SVGOMG.ru, загрузите свой SVG и переключайте указанные выше плагины на панели настроек.