Минификатор CSS онлайн – сжатие и форматирование
Сжимайте или форматируйте CSS мгновенно в браузере. Удаляет комментарии и пробелы, уменьшая размер файла.
🔒 Ваш файл не покидает браузер. Вся обработка выполняется локально.
Как минифицировать CSS онлайн
- 1
Вставьте свой CSS
Вставьте или введите CSS-код в поле ввода.
- 2
Выберите «Минифицировать» или «Форматировать»
Нажмите «Минифицировать CSS», чтобы сжать код, или «Форматировать CSS», чтобы получить единообразные отступы.
- 3
Скопируйте результат
Результат появится справа. Нажмите «Копировать», чтобы поместить его в буфер обмена.
CSS блокирует отрисовку: браузер не может ничего показать, пока не скачает и не разберёт все таблицы стилей в head. Поэтому несколько килобайт напрямую задерживают First Contentful Paint, особенно в мобильных сетях. Минификация CSS – самая дешёвая оптимизация: не нужна сборка и правки кода, только файл меньшего размера, который выглядит точно так же.
Что удаляется: комментарии, отступы, переводы строк, пробелы вокруг фигурных скобок и двоеточий, а также последняя точка с запятой перед закрывающей скобкой. Селекторы, имена свойств и значения не затрагиваются, поэтому минифицированный CSS работает ровно так же, как оригинал. «Форматировать» делает обратное: превращает продакшен-стили в читаемые правила с ровными отступами.
Если таблица стилей велика из-за неиспользуемых правил, а не пробелов, минификация даст мало; сначала удалите лишние селекторы при сборке. Для остальных ресурсов минификаторы JS и HTML применяют ту же идею к скриптам и разметке.