Toolrack

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

Работает офлайнНичего не загружаетсяБесплатно, без регистрации

Оптимизируется в этой вкладке — ваша графика её не покидает.

Бросьте или вставьте SVG и сбросьте то, что оставляют редакторы: XML-прологи, комментарии, метаданные Inkscape и Illustrator, редакторские атрибуты, пробелы между тегами и координатную точность, которую не покажет ни один экран. Текстовый проход, никогда не трогающий геометрию — одинаково безопасный для логотипов, иконок и графиков.

Экспорт — снимок рабочего места

Редактор сохраняет собственную память: какое окно было открыто, какой зум, какой инструмент — закодированную неймспейсными атрибутами и блоками метаданных, едущими внутри вашего логотипа. Браузеры игнорируют каждый их байт — и каждый байт всё равно скачивается. Оптимизация здесь — просто забыть память редактора, сохранив память рисунка.

Счётчик байтов меряется по настоящему закодированному выводу, и за ним стоит следить: иконка, отдаваемая на каждой странице сайта, платит свой размер при каждом визите — 60% срезки на двадцати иконках это реальное число в реальном счёте.

Частые вопросы

Откуда на самом деле берётся экономия?

Экспорт редактора — по большей части не рисунок: Inkscape возит состояние своего окна, Illustrator — комментарии рабочей области, оба пишут координаты с шестью знаками — суб-нанометровая точность на любой реальной иконке. Снятие осадка обычно ополовинивает файл до всякой настоящей минификации.

Безопасно ли округлять координаты?

При двух знаках координата ставится с точностью до сотой пользовательской единицы — на иконке в 24 единицы это далеко ниже того, что рендерит экран. Поднимите точность для чертежей с большим viewBox, где единицы — метры; ползунок и существует потому, что безопасный ответ зависит от viewBox, а свой вы знаете.

Почему он никогда не сливает пути и не убирает группы?

Потому что структурные переписывания требуют полного SVG-парсера и модели того, на что ссылаются CSS, скрипты и анимации — удалите «бесполезную» группу, и селектор умрёт молча. Текстовый проход делает только правки, не способные изменить рендер — потому и работает на файлах, которых никогда не видел.

Что должно остаться в боевом SVG?

viewBox — всегда: это система координат. Оставьте title и desc, когда картинка — контент (их читает доступность); оставьте id, на которые целятся CSS и скрипты. Этот инструмент ничего из перечисленного не трогает; он убирает лишь то, чего не видит ни рендерер, ни читалка, ни стиль.

Похожие инструменты