Насколько меньше минифицированный CSS?

Обычно на 20-40% меньше оригинала после gzip. Экономия достигается за счёт удаления комментариев, пробелов и избыточных нулевых значений. Современные конвейеры сборки делают это автоматически, но ручной инструмент полезен для разовых фрагментов.

Сломает ли минификация мой CSS?

Нет. Минификатор сохраняет каждое правило, свойство и значение дословно. Он только убирает пробелы и комментарии. CSS-переменные, анимации и вендорные префиксы остаются нетронутыми.

Можно ли форматировать CSS из CDN?

Да. Вставьте минифицированный CSS, и Toova развернёт его в читаемый вид с согласованными отступами. Полезно для аудита того, что на самом деле делает сторонний виджет, или отладки скомпилированного вывода фреймворка.

Сохраняются ли комментарии?

Это переключатель. По умолчанию минификация удаляет комментарии для максимальной экономии. Можно сохранить заголовки лицензий и другие важные комментарии, включив опцию сохранения комментариев.

Отправляется ли мой CSS куда-либо?

Нет. Обработка выполняется полностью в вашем браузере. Ничего не загружается и не записывается.

Минификатор и форматировщик CSS — онлайн

Приватность по умолчанию — работает полностью в вашем браузере

Минифицируйте или форматируйте CSS в браузере. Toova убирает пробелы и комментарии для уменьшения стилей для продакшна или форматирует минифицированный CSS в читаемый вид для отладки.

Два режима, один рабочий процесс

Режим минификации удаляет все комментарии, лишние пробелы и ненужные переносы строк. Вывод — функционально идентичный CSS, но обычно на 20-40% меньше, что ускоряет первую отрисовку и снижает объём передачи. Режим форматирования работает в обратном направлении: берёт минифицированный CSS из CDN, бандла фреймворка или стороннего виджета и разворачивает его в читаемый вид для аудита селекторов и свойств.

Настраиваемое форматирование

Выберите отступ в 2, 4 пробела или табуляцию для форматированного вывода. Решите, сохранять ли комментарии (полезно для баннеров заголовков и строк лицензий) или убирать их полностью. Минификатор сохраняет CSS-переменные и селекторы дословно, поэтому имена пользовательских свойств и ключевые кадры анимации переживают круговую трансформацию. Вендорные префиксы остаются нетронутыми.

Только локально

Каждая операция минификации и форматирования выполняется в вашем браузере. CSS, который вы вставляете — будь то проприетарные стили из дизайн-системы или сторонний код для аудита — никогда не покидает страницу. Вкладка «Сеть» останется пустой при обработке, и страница работает офлайн после первой загрузки.

Часто задаваемые вопросы

Насколько меньше минифицированный CSS?: Обычно на 20-40% меньше оригинала после gzip. Экономия достигается за счёт удаления комментариев, пробелов и избыточных нулевых значений. Современные конвейеры сборки делают это автоматически, но ручной инструмент полезен для разовых фрагментов.
Сломает ли минификация мой CSS?: Нет. Минификатор сохраняет каждое правило, свойство и значение дословно. Он только убирает пробелы и комментарии. CSS-переменные, анимации и вендорные префиксы остаются нетронутыми.
Можно ли форматировать CSS из CDN?: Да. Вставьте минифицированный CSS, и Toova развернёт его в читаемый вид с согласованными отступами. Полезно для аудита того, что на самом деле делает сторонний виджет, или отладки скомпилированного вывода фреймворка.
Сохраняются ли комментарии?: Это переключатель. По умолчанию минификация удаляет комментарии для максимальной экономии. Можно сохранить заголовки лицензий и другие важные комментарии, включив опцию сохранения комментариев.
Отправляется ли мой CSS куда-либо?: Нет. Обработка выполняется полностью в вашем браузере. Ничего не загружается и не записывается.