Минификатор SVG
Минификация SVG: удаление комментариев, метаданных и пробелов
Очистите разметку SVG перед попаданием в репозиторий или производственную сборку. Удаление комментариев, объявлений XML, данных редактора, пустых групп и неиспользуемых определений с помощью 15 индивидуально переключаемых проходов и визуального сравнения.
Редактирование значений по умолчанию для новых файлов
Предпросмотр
Нет предпросмотра. Добавьте и выберите файлы, чтобы увидеть результат.
Файлов пока нет. Перетащите файлы выше или нажмите ВЫБРАТЬ ФАЙЛЫ.
Что убирает минификация SVG
Минификация SVG представляет собой работу с разметкой, а не обработку изображения: ничего не перерисовывается, всё лишь удаляется или сокращается. Обычный экспорт из редактора несёт XML-декларацию, doctype, комментарий генератора, пространства имён Inkscape или Figma, атрибуты id, на которые никто не ссылается, пустые группы-обёртки, записи в defs, не используемые ни одним элементом, и координаты с шестью знаками после запятой. Браузеры всё это игнорируют. Удаление делает файл меньше и, что не менее полезно, делает изменения обозримыми при сравнении версий, когда файлы SVG хранятся в репозитории и просматриваются как любой другой исходный файл.
Как минифицировать SVG-файл
- 1
Перетащите SVG-файлы или нажмите ВЫБРАТЬ ФАЙЛЫ, чтобы добавить их в очередь. До 40 за раз.
- 2
Выберите «Безопасный», «Сбалансированный» или «Максимальный», отключите любой отдельный проход, который вам не нужен, и следите, как обновляется экономия по каждому файлу.
- 3
Нажмите СОХРАНИТЬ ВСЁ, чтобы скачать результат, или один ZIP-архив, когда в очереди больше одного файла.
Приватность: ваши файлы не покидают браузер
Преобразование выполняется локально в вашем браузере с использованием JavaScript и WebAssembly. Загрузка файлов или преобразование на стороне сервера не выполняются, поэтому добавляемые вами файлы остаются на вашем устройстве.
Локальная обработка помогает защитить конфиденциальные логотипы, внутренние документы и неопубликованные изображения клиентов. Страницы и код преобразования кэшируются по мере их использования, поэтому уже открытые вами инструменты могут продолжать работать без подключения к сети.
Часто задаваемые вопросы
Минификация и сжатие это одно и то же?
Практически да: обе задачи выполняют одни и те же проходы, и эта страница и «Компрессор SVG» работают на одном движке. Различается акцент. Минификация про разметку, оставленную человеком или редактором: комментарии, метаданные, пространства имён и пробелы. Сжатие про байты в канале, где округление координат и удаление атрибутов важнее опрятного исходника.
Сломает ли минификация мой CSS или JavaScript?
Может, если таблица стилей или скрипт обращаются внутрь SVG. Идентификаторы не переименовывает ни один проход, но «Максимальный» удаляет элементы и атрибуты, на которые ничто внутри документа не ссылается, а именно на них и может быть нацелено внешнее правило. Если SVG анимируется или управляется скриптом снаружи, берите «Безопасный» либо отключите «Удалять невидимые элементы» и «Удалять неиспользуемые определения» и проверьте результат перед выпуском.
Можно ли оставить viewBox, но убрать width и height?
Да. «Нормализовать viewBox» и «Удалять width и height» это отдельные проходы. Убрать фиксированные размеры, сохранив viewBox, нужно тогда, когда SVG должен подстраиваться под свой контейнер средствами CSS. Оставить их нужно для файла, который будут открывать сам по себе или вставлять в документ, не применяющий никакого оформления.