Как оптимизатор работает с SVG?

Оптимизатор использует несколько техник: удаляет лишние метаданные и комментарии, сокращает цветовые значения (например, #ffffff → #fff), округляет числовые значения до нужной точности, минифицирует пробелы. Все операции выполняются в браузере.

Как выбрать уровень округления?

Выбирайте в зависимости от нужной точности. 0 десятичных мест подойдёт для значков и простой графики (самое меньше размера). 2-3 знака хороши для иконок среднего размера. 4 знака — для детальной или техничной графики. Больше 4 редко нужна.

Будут ли потеряны данные при оптимизации?

Оптимизатор удаляет только служебные данные: комментарии, метаданные, стили редакторов (Inkscape, Sodipodi), пустые группы. Видимая графика и стили остаются. При округлении числовых значений потери совсем минимальны (визуально не заметны).

Оптимизатор SVG

Сжимайте векторную графику, удаляйте метаданные и минифицируйте код в браузере. Сравнивайте размеры до и после оптимизации.

SVG-код или файл

Параметры оптимизации

Удалить XML-объявление Удалить комментарии Удалить метаданные Удалить пространства имён Удалить пустые группы Сокращать цвета (#fff) Удалить значения по умолчанию

Округление чисел (знаков)

Минифицировать (удалить пробелы)

Исходный размер 0 б

Оптимизирован 0 б

Экономия 0%

Предпросмотр

Исходный

Оптимизированный

Всё в браузере

Никакие данные не загружаются

Бесплатно

Оптимизатор SVG

Исходный SVG

Оптимизированный SVG

Предпросмотр

Исходный

Оптимизированный

Реквизиты ИП

Банковские реквизиты

Экспресс-проверка репутации

Предварительный анализ

Оптимизатор SVG

Исходный SVG

Оптимизированный SVG

Предпросмотр

Исходный

Оптимизированный

Ещё из раздела «Веб-разработка»