Оптимизатор и редактор SVG
Оптимизируйте, сжимайте и редактируйте векторную графику SVG онлайн. Удаляйте лишние метаданные редакторов, округляйте десятичные координаты и изменяйте опорные узлы контуров прямо на экране с полной локальной приватностью.
Зачем использовать наш оптимизатор и редактор SVG?
- Полностью локальная оптимизация: Векторные файлы обрабатываются целиком в памяти браузера. Никакие данные не отправляются на удалённые серверы, что даёт абсолютную приватность при оптимизации чувствительных иконок, макетов интерфейсов и корпоративных иллюстраций.
- Интерактивная правка опорных узлов: Настраивайте векторные макеты визуально. Переключитесь в режим редактора, чтобы увидеть узлы прямо на экране, и перетаскивайте круглые маркеры, чтобы мгновенно менять кривые и контуры в реальном времени.
- Управление десятичной точностью: Настраивайте округление координат от 0 до 4 знаков. Отказ от избыточной микропрецизии сжимает текстовое описание контура и заметно уменьшает размер файла.
- Умный очиститель метаданных: Убирайте лишний код редактора без усилий. Движок рекурсивно удаляет XML-комментарии, пространства имён (например, метаданные Sketch, Inkscape и Adobe Illustrator), ненужные группы и пустые контейнеры.
Понимание структуры SVG и векторного XML-кода
Масштабируемая векторная графика (SVG) — это основанный на XML формат векторных изображений для двумерной графики. В отличие от растровых изображений (например, JPEG или PNG), которые хранят значения цвета для сеток пикселей, SVG содержит координаты, линии, кривые и фигуры, записанные структурированным кодом. Такая текстовая конфигурация позволяет масштабировать SVG бесконечно без потери качества. Поскольку это файлы кода, их размер в байтах определяется длиной текстовых строк координат и XML-тегов в иерархии DOM.
Откуда берётся лишний XML в SVG?
Когда вы экспортируете векторную иллюстрацию из профессиональных редакторов вроде Adobe Illustrator, Inkscape или Figma, программа добавляет множество вспомогательных тегов метаданных. В этих заголовках есть настройки редактора, координаты области просмотра, направляющие, собственные пространства имён и атрибуты рабочей области. Для правки в конкретной программе они полезны, но браузеры их полностью игнорируют. Удаление этих пространств имён и комментариев оставляет в файле только чистые геометрические объявления.
Как десятичная точность сжимает векторы
Атрибут данных контура (d) содержит команды и числа, которые указывают браузеру, где рисовать координаты. Часто редакторы выводят координаты с чрезмерной плавающей точностью, например 14.2839281. Эти микроскопические доли — части субпикселя, которые человеческий глаз не различает. Округление координат до 1-2 знаков (например, 14.28) убирает этот визуальный шум, резко сокращает длину строки и уменьшает размер SVG-файла на 30-60 %.
Часто задаваемые вопросы
Оптимизатор и редактор SVG — бесплатный онлайн-инструмент для сжатия векторных изображений SVG и правки их узлов контура. Он работает полностью в вашем браузере: можно убрать лишний код редактора, округлить координаты, перетащить опорные узлы и сразу скачать оптимизированные файлы.
Инструмент разбирает XML-дерево SVG и удаляет пространства имён редактора, теги метаданных, комментарии и пустые элементы. Затем извлекаются все координаты контуров и округляются до выбранной десятичной точности, что значительно уменьшает размер файла без потери точности дизайна.
Нет. Для абсолютной приватности оптимизатор и редактор SVG работает полностью на стороне клиента. Разбор XML, правка контуров, визуальный рендеринг и сборка файлов происходят в памяти вашего браузера. Файлы никогда не отправляются на внешние серверы.
Опорные узлы — это координаты, где начинаются и заканчиваются команды контура SVG (например, «линия к» или «кривая к»). Перейдя в рабочую область редактора, можно выбрать любой контур, увидеть эти узлы и перетащить круглые маркеры, чтобы изменить векторную форму.
Числа координат вроде 125.438291 содержат избыточную детализацию. Округление до 1-2 знаков (например, 125.44) отбрасывает микроскопические доли субпикселя, сжимает текстовое представление координат и уменьшает размер SVG до 50 %.
Да. Хотя он оптимизирован для доработки существующих файлов, интерактивный редактор позволяет менять форму контуров, править опорные узлы и видеть изменения в реальном времени. Это идеально для точной настройки векторных кривых, иконок и иллюстраций.
Да. Инструмент на 100 % бесплатный: без регистрации, ограничений по использованию и водяных знаков. Можно очищать, редактировать и сжимать неограниченное число векторных файлов. Всё работает мгновенно и офлайн в современном браузере.