Оптимизатор SVG
Оптимизируйте и сжимайте файлы SVG онлайн
Удалите ненужные метаданные, данные редактора, группы и точность с помощью SVGO. Выберите «Безопасную», «Сбалансированную» или «Максимальную оптимизацию», настройте отдельные проходы и сравните результат перед загрузкой. Все работает в вашем браузере.
Редактирование значений по умолчанию для новых файлов
Предпросмотр
Нет предпросмотра. Добавьте и выберите файлы, чтобы увидеть результат.
Файлов пока нет. Перетащите файлы выше или нажмите ВЫБРАТЬ ФАЙЛЫ.
Что такое SVG?
SVG (Scalable Vector Graphics) - это XML-формат векторных изображений. Вместо пикселей SVG математически описывает фигуры, контуры, заливки и обводки, поэтому может отображаться в любом размере без потери качества.
SVG - стандартный векторный формат для веба. Все современные браузеры поддерживают его напрямую; оформление можно задавать через CSS, а анимацию - через JavaScript или SMIL. SVG часто компактен для логотипов, иконок и иллюстраций, однако сложные файлы могут быть большими.
Когда оптимизировать SVG
Файлы, экспортированные из Illustrator, Figma, Inkscape или Sketch, содержат метаданные редактора, скрытые слои, вложенные группы и координаты с большей точностью, чем требуется браузеру. Оптимизируйте SVG, прежде чем встраивать его в HTML, отправлять в библиотеку компонентов или использовать в качестве значка. Меньшую разметку легче перенести и проанализировать, особенно если она повторяется в HTML или JavaScript. Сохраняйте исходный исходный файл: оптимизация односторонняя, а минимизированные данные пути сложно редактировать вручную.
Как оптимизировать SVG онлайн
- 1
Перетащите SVG-файлы или нажмите ВЫБРАТЬ ФАЙЛЫ, чтобы добавить их в очередь. До 40 за раз.
- 2
Выберите «Безопасный», «Сбалансированный» или «Максимальный», отключите любой отдельный проход, который вам не нужен, и следите, как обновляется экономия по каждому файлу.
- 3
Нажмите СОХРАНИТЬ ВСЁ, чтобы скачать результат, или один ZIP-архив, когда в очереди больше одного файла.
Приватность: ваши файлы не покидают браузер
Преобразование выполняется локально в вашем браузере с использованием JavaScript и WebAssembly. Загрузка файлов или преобразование на стороне сервера не выполняются, поэтому добавляемые вами файлы остаются на вашем устройстве.
Локальная обработка помогает защитить конфиденциальные логотипы, внутренние документы и неопубликованные изображения клиентов. Страницы и код преобразования кэшируются по мере их использования, поэтому уже открытые вами инструменты могут продолжать работать без подключения к сети.
Часто задаваемые вопросы
Изменится ли внешний вид SVG после оптимизации?
Безопасный - самый консервативный пресет. «Сбалансированный» также округляет координаты и удаляет избыточные атрибуты, а «Максимальный» объединяет повторяющиеся фигуры и удаляет фиксированные размеры. Более агрессивные проходы могут повлиять на мелкие детали или размер, поэтому используйте пиксельную разницу, чтобы просмотреть результат перед загрузкой.
Чем отличаются «Безопасный», «Сбалансированный» и «Максимальный»?
Это накопительные уровни. «Безопасный» выполняет девять проходов, которые только удаляют разметку: XML-пролог, комментарии, метаданные, пространства имён редакторов, неиспользуемые определения, группы-обёртки, длинные значения цветов и пробелы. «Сбалансированный» добавляет очистку атрибутов, удаление невидимых элементов, переписывание контуров и округление координат. «Максимальный» добавляет объединение дублей и удаление width и height, а также повторяет все проходы, пока файл не перестанет уменьшаться. Любой отдельный проход можно отключить в разделе «Расширенные параметры».
Почему оптимизированный файл почти не уменьшился?
Обычно потому, что он уже был оптимизирован, или потому, что его размер определяют данные контуров, которые уже не сократить, либо встроенное растровое изображение в data URI, которое этот инструмент никогда не трогает. На рисованной вручную графике самый большой оставшийся выигрыш обычно даёт уменьшение числа знаков после запятой. Помните, что показан размер исходного файла: gzip или Brotli на вашем сервере сжимают его намного сильнее, а чистая разметка сжимается лучше.