Оптимизатор SVG
Вставьте или перетащите SVG, удалите комментарии, метаданные, следы редакторов и лишние пробелы. Наблюдайте, как размер уменьшается в реальном времени.
Нажмите, чтобы выбрать файл .svg, или перетащите его сюда
Или вставьте разметку SVG прямо в поле ниже. Остаётся на вашем устройстве.
Предпросмотр появится здесь.
Как это работает
Очистка удаляет декларации XML/DOCTYPE, <!-- комментарии -->,
пространства имён и метаданные, специфичные для редакторов (атрибуты экспорта Inkscape, Sketch,
Illustrator, блоки <metadata> и <title>, оставшиеся от
дизайн-инструментов), и схлопывает лишние пробелы между тегами — ничего из этого не влияет на
отображение SVG. По желанию инструмент может также убрать явные атрибуты
width/height у корневого элемента, чтобы SVG масштабировался только
по своему viewBox — это полезно при адаптивном встраивании.
Всё это — обработка строки, которую вы предоставили, средствами собственного DOM-парсера вашего браузера, чтобы результат оставался корректным XML. Ничего не загружается на сервер.
Частые вопросы
Изменит ли оптимизация внешний вид SVG?
Нет, всё удаляемое — это либо невидимые метаданные (комментарии, XML-декларации, атрибуты конкретных редакторов), либо незначащие пробелы между тегами. Отрисованная форма остаётся идентичной, уменьшается только размер файла в байтах.
Почему у моего SVG всё ещё большой размер после оптимизации?
Если основную часть размера занимают сами данные пути (много точек в сложной форме) или встроенное растровое изображение, только очистка не даст сильного эффекта, поскольку эти данные — часть видимого содержимого. Инструмент фокусируется на безопасной, безущербной очистке, а не на упрощении путей, которое может незаметно изменить формы.
Загружается ли мой SVG куда-нибудь?
Нет. Оптимизация полностью выполняется в JavaScript вашего браузера. Ничего не загружается на сервер.