Минификация CSS уменьшает размер файлов стилей за счёт удаления комментариев, лишних пробелов и оптимизации значений, что ускоряет загрузку страниц и экономит трафик.
Как быстро сжать CSS-файл без установки сборщиков?
Вставьте CSS в верхнее поле, оставьте нужные галочки («Удалить комментарии», «Сжать пробелы») и нажмите «Минифицировать» — результат появится сразу в браузере, без установки npm-пакетов.
Безопасно ли сокращение hex-цветов и удаление единиц у нулевых значений?
Да, это стандартные безопасные CSS-оптимизации: #ffffff и #fff — идентичный цвет, а 0px и 0 дают одинаковый результат в любом браузере — визуальный результат не меняется.
Можно ли минифицировать SCSS или LESS напрямую?
Нет, инструмент работает только с валидным CSS — SCSS/LESS сначала нужно скомпилировать в обычный CSS через препроцессор, затем вставить результат сюда для минификации.
Способы минифицировать CSS
| Способ | Нужна установка | Подходит для |
|---|---|---|
| Онлайн-минификатор (этот инструмент) | Не требуется | Быстрая разовая минификация в браузере |
| cssnano/lightningcss через npm | Node.js и настройка сборки | Автоматизация в сборке проекта |
| Плагин сборщика (Webpack/Vite) | Настройка сборщика | Автоматическая минификация при билде |
| Ручное сжатие | Не требуется | Небольшие фрагменты CSS |