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

Минифицирует CSS в браузере.

Как пользоваться

Четыре шага: вставить, запустить, проверить, скопировать. Всё в браузере.

Вставьте данные

Вставьте данные

Добавьте CSS, HTML, JSON или другой текст. Ничего не загружается на сервер.

Запустите инструмент

Запустите инструмент

Нажмите «Конвертировать» или «Запустить». Результат появится сразу.

Проверьте результат

Проверьте результат

Просмотрите код и заметки перед использованием.

Скопируйте и вставьте

Скопируйте и вставьте

Скопируйте вывод и вставьте его в проект.

Об этом инструменте

Минификатор убирает комментарии и лишние пробелы, чтобы отдаваемый браузеру CSS стал компактнее. Инструмент удобен для быстрой проверки: в production-сборке минификацию выполняет бандлер.

Пример

В примере есть комментарий, который минификация удаляет.

Ввод

.hero {
  /* homepage band */
  padding: 4rem 1.5rem;
  background: #0f172a;
  color: #e2e8f0;
}

Вывод

.hero{padding:4rem 1.5rem;background:#0f172a;color:#e2e8f0}

Совет

Не оставляйте минифицированный файл единственным источником, отформатированный оригинал должен храниться в репозитории.