Минификатор CSS
Сжимайте или форматируйте CSS — с экономией в байтах.
- Мгновенно
- Бесплатно
- Приватно (обработка локально)
- Без регистрации
Легче CSS или читабельнее — на ваш выбор
В продакшене нужен компактный CSS для быстрой загрузки; в разработке — просторный для чтения. Инструмент работает в обе стороны и каждый раз показывает, сколько байтов вы сэкономили или добавили.
-
Вставьте CSS
Одно правило, целый файл — любой размер.
-
Сожмите или отформатируйте
Максимальное сжатие или аккуратные отступы.
-
Считайте экономию
Байты до → после и сэкономленный процент.
Что убирает минификация
| До | После |
|---|---|
| /* комментарий */ | (удалён) |
| .box { color: red; } | .box{color:red} |
| margin: 0 auto ; | margin:0 auto |
| Переносы строк и табуляции | (удалены) |
Намеренно простой и безопасный минификатор: он ничего не переименовывает и не объединяет правила. Для критичного продакшена сборочный инструмент (cssnano, Lightning CSS) пойдёт дальше.
Частые вопросы
Зачем минифицировать CSS?
Лёгкий CSS-файл загружается быстрее: страница отображается раньше и тратит меньше трафика. На больших файлах удаление комментариев, пробелов и переносов часто экономит 20–40 % размера.
Меняет ли минификация отображение?
Нет: она трогает только невидимые символы (пробелы, переносы, комментарии) и лишнюю последнюю точку с запятой. Правила, значения и селекторы остаются прежними. Браузер интерпретирует ровно тот же стиль.
Что делает режим «форматировать»?
Обратное: переотступает сжатый или неряшливый CSS, по правилу на строку, с отступами, делая его читаемым и редактируемым. Удобно расшифровывать минифицированный CSS сайта и понимать его структуру.
Отправляются ли мои стили в сеть?
Нет: вся обработка идёт в браузере, ничего не передаётся. Можно минифицировать конфиденциальный или проприетарный CSS, не выпуская его с вашей машины.