Оптимизатор и минификатор SVG — бесплатно
Удаляйте метаданные, сворачивайте пробелы и округляйте десятичные дроби для значительного уменьшения размера SVG — типичное сокращение 30–70%. Визуальный предпросмотр проверяет сохранность изображения.
Перетащите файл сюда или нажмите для выбора
SVG · обрабатывается на вашем устройстве
или нажмите Ctrl+V, чтобы вставить из буфера обмена
Ваши файлы никогда не покидают устройство. Вся обработка происходит локально в браузере.
Частые применения
- Оптимизация SVG значков для производстваУдалите ненужные метаданные из SVG значков перед развертыванием — типичное сокращение на 50-80%.
- Оптимизация SVG логотипов брендовУменьшите размер файла логотипа SVG для быстрой загрузки веб-сайта без ущерба для качества.
- Оптимизация иллюстраций и SVG героевДля больших иллюстраций (герои, декоративная графика) оптимизация может сэкономить 30-70% размера файла.
- Сокращение размера комплекта JavaScriptКогда SVG импортируются как компоненты React или встраиваются в код, их оптимизация уменьшает ваш JS комплект.
- Очистка экспорта SVG Figma / SketchЭкспорты SVG Figma и Sketch включают обширные метаданные. Удалите перед использованием в производстве.
Как это работает
Этот инструмент уменьшает размер файла SVG, используя написанный вручную оптимизатор, который полностью работает в вашем браузере — без библиотек, без сервера. Он сочетает два прохода: встроенные DOMParser/XMLSerializer браузера для точной работы на уровне атрибутов, и целевые замены регулярных выражений для удаления комментариев, удаления метаданных и сворачивания пробелов.
- 1DOMParser санитизирует SVGПеред любой оптимизацией DOMParser браузера читает SVG как XML и проходит по каждому элементу. Теги script, обработчики событий (любой атрибут on*), элементы анимации и внешние ссылки URL удаляются безусловно — это выполняется независимо от того, какие опции оптимизации вы выбираете.
- 2Округление десятичных знаков на основе DOMЕсли включено десятичное округление, оптимизатор проходит по разобранному DOM второй раз и применяет округление только к известным числовым атрибутам (данные path d, координаты, значения transform, ширины обводки и т.д.), используя регулярное выражение, которое сопоставляет отдельные числа с плавающей запятой без искажения объединённых значений пути, таких как .5.5.
- 3Проходы регулярных выражений очищают сериализованную разметкуXMLSerializer производит нормализованный XML, затем целевые замены строк удаляют HTML-комментарии, метаданные редактора Inkscape/Sodipodi, декларацию XML, избыточные атрибуты по умолчанию (вроде version="1.1"), и пробелы между тегами — каждый проход узко ограничен, так что содержимое текстовых узлов никогда не затрагивается.
- 4Размер Gzip и форматы экспортаAPI CompressionStream браузера вычисляет реальные размеры gzip как ввода, так и вывода, поскольку именно это фактически определяет стоимость передачи в вебе. Оптимизированный SVG можно скачать, скопировать как необработанный SVG, конвертировать в атрибуты camelCase, готовые для React JSX, или закодировать как URI данных CSS — все конвертации происходят локально.
Ваш SVG считывается и обрабатывается полностью внутри вашей вкладки браузера — байты файла никогда не покидают ваше устройство.
Похожие инструменты
Минификатор и форматировщик CSS
Минифицируйте CSS для уменьшения размера файла или форматируйте минифицированный CSS для читаемости. Мгновенно, в браузере.
Сжатие GIF
Уменьшите анимированный GIF: уложитесь в лимит размера, например 256 KB для эмодзи или 512 KB для стикера в Discord, либо сами выберите цвета, ширину и кадры. Работает в браузере; GIF не загружается на сервер.
Сжатие PDF
Сжимайте PDF-файлы, чтобы уменьшить их размер. Выберите уровень качества — чем сильнее сжатие, тем меньше файл, но ниже качество изображений.