Минификатор и форматирование CSS
Минификация или форматирование CSS-кода. Уменьшите размер файла, удалив комментарии и пробелы.
О минификаторе и форматировании CSS
Минификатор CSS убирает комментарии, схлопывает пробелы, удаляет последнюю точку с запятой в каждом блоке, сокращает шестизначные HEX-цвета до трёхзначных там, где это возможно, и обрезает лишние дроби вроде 1.0rem. Режим форматирования делает обратное — разворачивает сжатую таблицу стилей по одному объявлению на строку. Показывается исходный и сжатый размер в байтах вместе с процентом экономии, а это именно то, что нужно при уменьшении блокирующего рендеринг CSS; результат копируется или скачивается как styles.min.css. Всё работает в вашем браузере.
Примеры использования
Как использовать
Вставьте таблицу стилей в поле «Ввод CSS» или нажмите «Загрузить пример», чтобы начать с готового CSS.
Оставьте выбранным режим «Сжать», чтобы удалить комментарии и лишние пробелы, убрать последнюю точку с запятой в каждом блоке и по возможности сократить шестизначные HEX-цвета.
Нажмите «Форматировать», если нужно обратное: те же правила с отступом в два пробела на уровень и одним объявлением в строке.
Панель результата обновляется по мере ввода — сравнивайте количество байт, показанное над каждым полем.
Ниже посмотрите процент сокращения размера и число сэкономленных байт, затем нажмите «Копировать» или «Скачать», чтобы сохранить файл styles.min.css.
Советы профессионалов
- Вставляйте содержимое напрямую — Минификатор CSS распознаёт типичные форматы ввода и сам подбирает разумные настройки.
- Используйте горячие клавиши (Ctrl/Cmd+A — выделить всё, Ctrl/Cmd+C — скопировать), чтобы работать в Минификаторе CSS быстрее.
- Очень большие объёмы данных лучше разбивать на части: вкладка браузера справится и с мегабайтами текста, но разбор огромных данных может ненадолго подвесить интерфейс.
- Минификатор CSS не ведёт журналов и не сохраняет введённые данные. Если нужна история, копируйте важные результаты в локальный файл или в заметки.
- Сочетайте Минификатор CSS с другими инструментами сайта (форматировщиками, конвертерами, кодировщиками), чтобы выстраивать полные цепочки обработки данных, не покидая браузер.
Часто задаваемые вопросы
Да, полностью бесплатный: без регистрации, без ключа API, без водяных знаков и без ограничений на использование.
Нет. Минификатор CSS работает целиком на стороне клиента, в вашем браузере. Введённые данные никогда не попадают на наши серверы.
Жёсткого ограничения нет, но на объёмах больше нескольких мегабайт возможны замедления — всё зависит от памяти вашего устройства.
Да. Результаты, полученные с помощью Минификатора CSS, вы можете свободно использовать в любых личных и коммерческих проектах.
Основная логика выполняется в JavaScript на стороне клиента, поэтому после первой загрузки страницы вы часто можете продолжать работу без подключения к сети.
Нет. Минификатор CSS работает в вашем браузере, поэтому вы можете обработать столько данных, сколько позволит ваше устройство, — без ключей API и без искусственных ограничений.