Как уменьшить размер SVG без потери нужного содержимого
Узнайте, как уменьшить вес SVG-файла с помощью настройки точности чисел, удаления комментариев и лишних метаданных без нарушения структуры макета.
Чтобы оптимизировать векторный файл, передайте непустой SVG в формате Base64, укажите параметры удаления комментариев и метаданных, задайте точность округления чисел от 0 до 6 и запустите расчет. После обработки проверьте отображение графики и сравните итоговый размер в байтах с исходным.
Что выполняет оптимизация SVG
Векторные иллюстрации часто содержат избыточные данные: служебные теги редакторов, поясняющие комментарии разработчиков, лишние пробелы и числа с избыточным количеством знаков после запятой. Инструмент Оптимизатор SVG помогает быстро уменьшить вес текстовой разметки без ручной правки XML.
Программа анализирует XML-структуру в кодировке UTF-8, находит служебные блоки и убирает лишние символы. Пользователь может гибко управлять процессом, сохраняя нужные комментарии или блоки сведений об авторе при необходимости.
Пошаговая инструкция по обработке файла
- Подготовьте векторный документ в кодировке UTF-8 и преобразуйте его в строгий формат Base64. Общий размер декодированного файла не должен превышать 2 МБ.
- Передайте Base64-строку в поле ввода. Разметка должна содержать корректный корневой элемент SVG и не иметь объявлений DOCTYPE или внешних сущностей.
- Настройте удаление комментариев. Если в коде есть важные пометки к структуре слоев, отключите этот пункт.
- Настройте удаление метаданных. Отключите параметр, если нужно сохранить сведения об авторских правах или лицензии.
- Задайте числовую точность от 0 до 6 знаков. Значение 2 установлено по умолчанию и подходит для большинства интерфейсных иконок.
- Запустите обработку. Сервис сформирует итоговый код в UTF-8, его Base64-копию, а также покажет процент экономии и разницу в байтах.
- Откройте полученный файл в браузере или редакторе, чтобы убедиться в отсутствии искажений.
Если вам требуется растровый вариант готовой иконки для старых платформ, используйте SVG в PNG для быстрого экспорта.
Что меняется в разметке, а что остается без изменений
В процессе обработки инструмент удаляет теги комментариев и секции метаданных, если соответствующие опции включены. Также убираются лишние пробелы, переносы строк и округляются поддерживаемые числовые атрибуты, такие как координаты, размеры viewBox, толщина линий и непрозрачность.
При этом инструмент не изменяет сложные строки путей, списки точек полилиний, текстовые блоки, единицы измерения и параметры трансформаций. Ссылки, встроенные скрипты и обработчики событий также могут остаться в документе. Поэтому инструмент не является средством санитарной очистки кода от потенциально опасных элементов.
Практический пример
Разработчик оптимизирует интерфейсную иконку размером 1200 байт с комментариями редактора и координатами с четырьмя знаками после запятой. Он кодирует файл в Base64, оставляет включенным удаление комментариев и метаданных, а точность устанавливает на 2.
В результате формируется оптимизированный файл с именем optimized.svg и типом image/svg+xml. Размер сокращается до 780 байт, а сервис фиксирует экономию 35.0%. Графика сохраняет четкие контуры при уменьшении веса.
Ограничения
- Максимальный размер декодированного SVG-файла составляет 2 МБ.
- Документ должен быть валидным XML в кодировке UTF-8 с корневым элементом SVG.
- Запрещены объявления типа документа (DOCTYPE) и внешние сущности XML.
- Инструмент не проводит проверку безопасности и может сохранить активные скрипты и ссылки.
Частые ошибки
- Передача обычного текста SVG вместо строки Base64. Убедитесь, что данные закодированы строго по стандарту Base64.
- Загрузка поврежденного XML-файла. Проверьте закрывающие теги и корректность структуры перед отправкой.
- Выбор слишком низкой точности округления (0 или 1) для сложных кривых, что может привести к визуальному смещению мелких деталей.
Часто задаваемые вопросы
Можно ли сохранить комментарии или метаданные при обработке?
Да, в интерфейсе предусмотрены отдельные переключатели для комментариев и метаданных. Вы можете отключить удаление любого из этих элементов, чтобы оставить их в итоговом файле.
Какую точность округления лучше выбрать?
Для простых геометрических фигур и пиктограмм достаточно точности 2 знака. Если макет содержит множество мелких сплайнов и критически важных координат, установите значение 4 или 6.
Удаляет ли оптимизатор скрипты и вредоносный код?
Нет, инструмент оптимизирует разметку и удаляет только выбранные служебные теги. Активный код, обработчики событий и ссылки могут сохраниться, поэтому проверяйте сторонние файлы отдельно.