⚙

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

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

Инструменты разработчика Работает локально Данные не отправляются
Минификация CSS сжать оптимизировать только на стороне клиента
Параметры:
Ввод CSS
0 байт
→
Минифицированный CSS
0 байт
💡
CSS Minifier removes comments and unnecessary whitespace to reduce file size without changing functionality. Use the Форматировщик CSS инструмент, если нужно отформатировать минифицированный CSS для редактирования. Типичное сжатие: 20-40% меньше.

Что такое CSS минификатор?

Мгновенно минифицируйте и сжимайте CSS-код. Удаляйте комментарии, пробельные символы и избыточный код, чтобы уменьшить размер файла для продакшена. Бесплатно, работает в браузере, данные не отправляются.

Как использовать CSS минификатор

  1. Вставьте ваш CSS в панель ввода.
  2. Запустите минификатор, чтобы удалить пробелы и другие несущественные символы.
  3. Проверьте компактный вывод, чтобы убедиться, что таблица стилей по-прежнему корректна.
  4. Скопируйте или скачайте минифицированный CSS для развертывания или встраивания.

Похожие инструменты

📝
Форматировщик CSS
Форматируйте CSS-код или минифицируйте его с настраиваемыми параметрами
 ⚙
JS минификатор
Сжимайте JavaScript с помощью Terser — искажение имён и минификация
 📄
Форматтер HTML
Форматируйте или минифицируйте HTML с настраиваемыми отступами
Понимание минификации CSS ▾
Пример
Ввод \n.btn {\n color: red;\n padding: 8px 16px;\n}
Результат .btn{color:red;padding:8px 16px}
Типичные сценарии использования
  • Уменьшите размер таблицы стилей перед развертыванием
  • Компактный CSS для встраивания или сниппетов
  • Сравнивайте отформатированный и минифицированный вывод при отладке
  • Подготавливайте компактные пакеты стилей для статических сайтов или электронных писем
Часто задаваемые вопросы
Сломает ли минификация CSS мои стили?

No. The minifier only removes characters that have no effect on CSS parsing -whitespace and comments. The minified output is functionally identical to the original.

Стоит ли сохранять исходный отформатированный CSS?

Да. Всегда храните удобочитаемый исходный файл в репозитории и разворачивайте только минифицированную версию. Используйте source map, если нужно отлаживать минифицированный CSS в браузерных DevTools.

Насколько уменьшится размер файла?

Обычно экономия составляет от 20% до 50% в зависимости от количества пробелов и комментариев в исходном файле. Дополнительная экономия достигается за счёт gzip-сжатия на уровне сервера.

Поддерживает ли минификатор пользовательские свойства CSS (переменные)?

Да. Пользовательские свойства CSS (--my-var: value) сохраняются в точности как написано при минификации.