Перейти к основному содержимому
Tooletto

Минификатор CSS

Готовый вариант «Форматировщик CSS»

Сжимайте таблицу стилей до минимального валидного размера, удаляя комментарии и лишние пробелы. Безопасно по своей природе — правила не объединяются, значения не переписываются, поэтому поведение стилей не может измениться.

  • Файлы никогда не покидают ваше устройство
  • Бесплатно, без регистрации
  • Без водяных знаков
  • Работает офлайн после загрузки
Loading tool…

Как пользоваться: форматировщик css

  1. 1

    Вставьте свой CSS

    Обычный CSS, SCSS или Less — всё разбирается корректно.

  2. 2

    Отформатируйте или минифицируйте

    Форматируйте для читаемости или сжимайте для продакшена.

  3. 3

    Скопируйте или скачайте

    Результат готов к вставке прямо в ваш проект.

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

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

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

Частый случай, когда стоит обратиться именно к этому инструменту, а не к сборщику, — разовая необходимость уместить небольшую таблицу стилей в поле с ограничением по размеру: инлайновый блок `<style>`, который нужно намеренно держать компактным, фрагмент CSS, встроенный в шаблон письма, или значение стиля, вставляемое на платформу с лимитом символов. Для одного файла, который нужен один раз, запускать целый сборочный конвейер избыточно — быстрее вставить код сюда и скопировать минифицированный результат обратно.

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

Сколько на самом деле экономит минификация?

Обычно 20–30% до сжатия gzip для CSS, написанного вручную, и заметно меньше для кода, уже прошедшего через сборщик. При передаче по сети основную работу всё равно делает gzip или brotli — минификация в первую очередь помогает тем, что заранее убирает комментарии и лишние пробелы.

Меняет ли минификация поведение стилей?

Нет. Удаляются только пробелы и комментарии — селекторы, свойства и значения остаются нетронутыми. Этот инструмент не объединяет правила, не меняет порядок деклараций и не сокращает цвета, потому что такие преобразования способны незаметно изменить поведение стилей.

Поддерживаются ли SCSS и Less?

Да, оба языка разбираются по собственным грамматикам, поэтому вложенность, переменные и миксины сохраняются при форматировании. Обратите внимание: инструмент их форматирует, а не компилирует в CSS.

Почему мой CSS отклоняется?

Обычно причина — незакрытая фигурная скобка или лишний символ. Сообщение об ошибке содержит номер строки, чтобы вы могли её найти. Синтаксис шаблонизатора, смешанный с таблицей стилей, тоже вызовет ошибку, поскольку это не валидный CSS.