Как работает оптимизация SVG
Данный инструмент анализирует ваш SVG-файл в браузере с помощью JavaScript, не отправляя данные на сервер. Он автоматически обнаруживает и удаляет служебные комментарии, редакторские метаданные и неиспользуемые пространства имён. Для геометрических атрибутов можно выбрать степень округления координат, что влияет на точность отображения объектов.
Вы видите оба варианта — исходный и оптимизированный SVG — сразу на экране и можете сравнить визуальный результат. Весь процесс происходит локально, что гарантирует конфиденциальность ваших файлов.
Что сохраняется и что удаляется
Инструмент не изменяет ID, классы, ссылки на фильтры и градиенты, чтобы не нарушить работу CSS или JavaScript на сайте. Если SVG содержит сложные фильтры, градиенты или внутренние ссылки, они будут сохранены. Внешние ресурсы и скрипты не оптимизируются.
Есть возможность оставить тег <title> для поддержки доступности. Числа в ссылках, классах и текстах не изменяются — округление применяется только к координатам элементов.
Настройка и ограничения
Вы можете регулировать количество знаков после запятой для координат, чтобы добиться баланса между размером файла и точностью рисунка. Слишком сильное округление может негативно повлиять на сложные кривые и иконки, изменив их форму.
Инструмент не сокращает имена ID и классов, не сжимает файл методом gzip и не оптимизирует SVG с внешними ссылками. Оптимизация направлена на удаление лишней информации и улучшение структуры файла, сохраняя внешний вид.
FAQ
Часто задаваемые вопросы
На сколько можно уменьшить размер SVG-файла?
В большинстве случаев размер SVG-файла сокращается на 20–60 %, особенно если файл был экспортирован из редактора и содержит много метаданных. Точный результат зависит от исходной структуры и количества лишних данных.
Будет ли оптимизированный SVG выглядеть так же во всех браузерах?
Визуальное отображение сохраняется при разумных настройках округления. Если настройки слишком агрессивны, возможно изменение формы сложных объектов. Сравнение двух вариантов на экране помогает убедиться в идентичности.
Можно ли выбрать, какие элементы или метаданные сохранять?
Да, вы можете оставить тег <code><title></code> для доступности. Остальные параметры оптимизации контролируются автоматически, чтобы не нарушить работу ID, классов и ссылок.
Безопасно ли использовать оптимизацию для SVG с фильтрами и градиентами?
Да, инструмент сохраняет все внутренние фильтры, градиенты и их ссылки. Внешние ресурсы и скрипты не обрабатываются, поэтому такие SVG лучше оптимизировать вручную.
Поддерживаются ли SVG из популярных редакторов?
Инструмент работает с SVG-файлами, экспортированными из Adobe Illustrator, Figma, Inkscape, Sketch и других. Некоторые специфические метаданные редакторов будут удалены, но основной рисунок сохранится.
Как округление координат влияет на качество иконок и иллюстраций?
Умеренное округление уменьшает размер файла без видимых изменений. При сильном округлении формы могут исказиться — используйте визуальное сравнение, чтобы оценить результат.
Что-то не так или есть идея? Сообщить