Оптимизатор SVG
Оптимизируйте SVG-файлы с помощью AIУменьшайте размер файла до 90% без потери качества
Перетащите SVG-файл сюда
или выберите файл на устройстве
Файл SVG размером до 10 MB
Бесплатно
Без ограничений
Без банковской карты
Начните сразу
Без регистрации
Пользуйтесь сразу
Почему выбирают нас
Лучший результат благодаря технологии на основе AI
Быстрая оптимизация
Оптимизируйте SVG-файлы за секунды с помощью AI-алгоритмов. Производительность корпоративного уровня.
Меньше размер файла
Лишние метаданные и код удаляются, а размер файла уменьшается до 90%. Профессиональный результат гарантирован.
Качество сохраняется
Получайте оптимизированные SVG-файлы без потери визуального качества. Контроль качества корпоративного уровня.
Технология на основе AI
Мы интеллектуально оптимизируем ваши SVG-файлы с помощью новейших технологий искусственного интеллекта. Наша система учится на тысячах оптимизаций и всегда гарантирует лучший результат.
99,9% успешных оптимизаций
10K+ оптимизаций
Без ограничений
Как работает оптимизация SVG
Файл обрабатывается в SVGO, популярном open-source оптимизаторе SVG, с набором настроек по умолчанию в многопроходном режиме: проходы повторяются, пока файл уменьшается. Вот что при этом меняется.
Удаляется служебная информация редакторов и документа
Удаляются XML-объявление, DOCTYPE, комментарии и блоки <metadata>, а также лишние пространства имён и атрибуты, которые записывают в файл редакторы вроде Inkscape, Illustrator и Sketch. Типовые описания «Created with…» тоже убираются. На отображение изображения это не влияет.
Числа округляются, данные контуров переписываются
Координаты и другие числовые значения округляются до трёх знаков после запятой. Команды контуров переписываются в кратчайшую равнозначную форму, лишние сегменты удаляются, а соседние контуры с одинаковым оформлением могут объединяться в один.
Упрощаются фигуры, группы и трансформации
Прямоугольники, линии и многоугольники преобразуются в контуры, если так получается короче. Пустые группы и контейнеры удаляются, группы-обёртки без пользы сворачиваются, а трансформации объединяются или применяются, где это возможно.
Стили и цвета очищаются
Цвета записываются в кратчайшем виде (например, #ff0000 становится red), CSS внутри <style> минифицируется, атрибуты, которые лишь повторяют значения SVG по умолчанию, удаляются, как и скрытые или пустые элементы.
Неиспользуемые ID и определения удаляются
Удаляются ID, на которые ничто в файле не ссылается, а также неиспользуемые градиенты, узоры и другие элементы <defs>. ID, на которые есть ссылки, сохраняют прежние имена: они не сокращаются.
viewBox сохраняется, фиксированные размеры нет
viewBox всегда сохраняется, чтобы графика масштабировалась правильно. Атрибуты width и height удаляются, поэтому SVG занимает всё доступное место. Результат записывается в одну строку с атрибутами в едином порядке, что также помогает gzip.
Что можно оптимизировать безопасно и когда быть внимательнее
Статичные иконки, логотипы и иллюстрации, экспортированные из графических редакторов, в том числе SVG из наших конвертеров, оптимизируются безопасно и обычно выигрывают больше всего. В указанных ниже случаях проверяйте результат внимательнее.
ID, используемые внешним CSS, JavaScript или спрайтами
Оптимизатор видит только сам файл. Если ID используется во внешней таблице стилей, скрипте или в <use href="icons.svg#name"> на другой странице, он считается неиспользуемым и будет удалён. Файлы с собственным элементом <style> или <script> сохраняют свои ID.
Анимированные SVG
Анимации SMIL или CSS, которые изменяют данные контура или зависят от конкретной структуры групп, могут сломаться при переписывании контуров и сворачивании групп. Простые анимации обычно сохраняются, но перед заменой оригинала всегда проверяйте результат.
Тексты для доступности
Элемент <title> удаляется. Если скринридеру нужна подпись, добавьте alt-текст к тегу <img> или aria-label там, где вы вставляете SVG.
Слои, которые показываются и скрываются кодом
Элементы, скрытые через display="none" или нулевую прозрачность, считаются невидимыми и удаляются. Если ваш скрипт показывает их позже, оптимизируйте копию, где эти слои не скрыты.
Файлы, которые вы ещё будете редактировать
Слои, направляющие и другие данные редактора Inkscape после оптимизации исчезают. Храните исходный файл для редактирования, а на сайте публикуйте оптимизированную копию.
Вопросы об оптимизаторе SVG
Изменится ли внешний вид SVG после оптимизации?
Почти для всех файлов нет. Удаляются данные, которые не отображаются, а остальное записывается короче. Заметным может быть лишь округление до трёх знаков после запятой — оно может проявиться на графике с очень маленьким viewBox при большом увеличении.
Насколько уменьшится размер SVG-файла?
Это зависит от источника файла. Файлы из графических редакторов с метаданными, комментариями и длинными десятичными числами часто уменьшаются сильно, а уже минифицированные почти не меняются. Точный размер до и после показан на странице результата.
Какой максимальный размер файла?
Можно загрузить SVG-файлы до 10 MB. Вместо файла можно вставить SVG-код прямо на вкладке «Вставить код».
Почему удалились атрибуты width и height?
Оптимизатор сохраняет viewBox и убирает фиксированные width и height, чтобы SVG масштабировался под контейнер. Если нужен фиксированный размер, задайте width и height в теге <img> или в CSS.
Безопасно ли оптимизировать SVG из спрайта или используемые в JavaScript?
Будьте осторожны. ID, на которые ссылаются только извне файла, удаляются, потому что оптимизатор не видит этих ссылок. Проверьте оптимизированный файл на месте использования или сохраните оригинал для таких случаев.
Удаляет ли оптимизатор информацию для доступности?
Он удаляет элемент <title> и типовые описания редакторов. Задайте доступное имя там, где вставляете SVG, например через alt-текст или aria-label.