Минификатор CSS
Готовый вариант «Форматировщик CSS»
Сжимайте таблицу стилей до минимального валидного размера, удаляя комментарии и лишние пробелы. Безопасно по своей природе — правила не объединяются, значения не переписываются, поэтому поведение стилей не может измениться.
- Файлы никогда не покидают ваше устройство
- Бесплатно, без регистрации
- Без водяных знаков
- Работает офлайн после загрузки
Как пользоваться: форматировщик css
- 1
Вставьте свой CSS
Обычный CSS, SCSS или Less — всё разбирается корректно.
- 2
Отформатируйте или минифицируйте
Форматируйте для читаемости или сжимайте для продакшена.
- 3
Скопируйте или скачайте
Результат готов к вставке прямо в ваш проект.
Почему «безопасная» минификация — правильный компромисс для CSS, написанного вручную
Сборочный конвейер, использующий выделенный оптимизатор CSS, может безопасно применять более агрессивные преобразования, чем этот инструмент, потому что один и тот же оптимизатор запускается стабильно при каждой сборке, и любое отличие в поведении будет замечено собственными тестами проекта ещё до релиза. Вставка таблицы стилей в разовый онлайн-инструмент — совсем другая ситуация: здесь нет этапа сборки, который бы перепроверил результат, поэтому преобразование, объединяющее правила или меняющее порядок деклараций так, что это ломает конкретную страницу, попадёт в продакшен незаметно. Ограничение этого инструмента удалением пробелов и комментариев — изменениями, для которых доказуемо невозможно повлиять на то, какая декларация побеждает в каскаде, — означает, что результату можно доверять без повторного тестирования страницы, с которой он взят.
Минификация таблицы стилей перед вставкой туда, где ограничен размер
Частый случай, когда стоит обратиться именно к этому инструменту, а не к сборщику, — разовая необходимость уместить небольшую таблицу стилей в поле с ограничением по размеру: инлайновый блок `<style>`, который нужно намеренно держать компактным, фрагмент CSS, встроенный в шаблон письма, или значение стиля, вставляемое на платформу с лимитом символов. Для одного файла, который нужен один раз, запускать целый сборочный конвейер избыточно — быстрее вставить код сюда и скопировать минифицированный результат обратно.
Часто задаваемые вопросы
Сколько на самом деле экономит минификация?
Обычно 20–30% до сжатия gzip для CSS, написанного вручную, и заметно меньше для кода, уже прошедшего через сборщик. При передаче по сети основную работу всё равно делает gzip или brotli — минификация в первую очередь помогает тем, что заранее убирает комментарии и лишние пробелы.
Меняет ли минификация поведение стилей?
Нет. Удаляются только пробелы и комментарии — селекторы, свойства и значения остаются нетронутыми. Этот инструмент не объединяет правила, не меняет порядок деклараций и не сокращает цвета, потому что такие преобразования способны незаметно изменить поведение стилей.
Поддерживаются ли SCSS и Less?
Да, оба языка разбираются по собственным грамматикам, поэтому вложенность, переменные и миксины сохраняются при форматировании. Обратите внимание: инструмент их форматирует, а не компилирует в CSS.
Почему мой CSS отклоняется?
Обычно причина — незакрытая фигурная скобка или лишний символ. Сообщение об ошибке содержит номер строки, чтобы вы могли её найти. Синтаксис шаблонизатора, смешанный с таблицей стилей, тоже вызовет ошибку, поскольку это не валидный CSS.
Вам также может понадобиться
Форматировщик HTML
Аккуратное форматирование и расстановка отступов в HTML
Форматировщик JavaScript
Форматирование JS и TypeScript настоящим парсером
Форматтер JSON
Мгновенное форматирование, валидация и минификация JSON
Минификатор CSS
Сжимайте таблицы стилей настоящим минификатором, понимающим CSS
Кодировщик и декодировщик Base64
Кодирование и декодирование Base64 и Base64URL
Генератор хешей
MD5, SHA-1, SHA-256, SHA-384 и SHA-512
Минификатор JS
Сжимайте JavaScript настоящей минификацией, а не регулярными выражениями
Декодер JWT
Декодирование и анализ JSON Web Token