Фронтенд-разработчики
Сжать CSS-файл для продакшена, когда полноценный пайплайн избыточен. Вставьте код в браузер — получите минифицированную версию без npm и зависимостей.
Сжать CSS код онлайн
Сожмите CSS-код прямо в браузере — без сборщика и без отправки на сервер. Бесплатно, без регистрации.
Исходный CSS
Результат
До:—После:—Сжатие:—
Зачем минифицировать CSS
CSS, написанный вручную или сгенерированный препроцессором, содержит пробелы, переносы строк и комментарии, которые нужны при разработке, но не нужны браузеру. Минификация удаляет всё лишнее и сокращает запись значений — #ffffff становится #fff, 0px становится 0.
До
.button {
color: #ffffff;
margin: 0px 16px 0px 16px;
/* primary button */
padding: 0px 24px;
border: 0px;
}
→
После
.button{color:#fff;margin:0 16px;padding:0 24px;border:0}
9.4 КБ → 5.8 КБ −38%
Скорость загрузки стилей напрямую влияет на Core Web Vitals — метрики, по которым Google оценивает качество страницы при ранжировании. Этот минификатор обрабатывает код в браузере, не отправляя его на сторонние серверы.
Для кого
Компрессор CSS для фронтендеров, email-верстальщиков и веб-дизайнеров
Email-верстальщики
После CSS-инлайнера в стилях остаётся много лишнего — комментарии, пробелы, дубли. Компрессор почистит код перед вставкой в шаблон письма.
Веб-дизайнеры
Сожмите CSS перед передачей в разработку или загрузкой на лендинг. Меньший вес — выше скорость загрузки и лучше Core Web Vitals.
Все остальные
Очистите CSS от лишнего за секунду. Код обрабатывается в браузере и не передаётся на сторонний сервер.
Как это работает
Вставьте код
Скопируйте CSS и вставьте в левое поле — отдельный файл стилей, inline-стили или фрагмент кода. Компрессор принимает фрагменты любого размера.
Получите результат
Сжатый CSS появится в правом поле автоматически. Компрессор уберёт пробелы, комментарии и лишние точки с запятой, сократит запись цветов и значений.
Скопируйте результат
Нажмите кнопку копирования — минифицированный код готов к вставке в письмо, на сайт или в сборку проекта.
Возможности сервиса
Приватность
Сжатие выполняется полностью в браузере. Код не передаётся по сети, не сохраняется на сервере и не попадает в логи.
Сжатие без поломки правил
Компрессор не трогает медиазапросы, !important и порядок селекторов. Убираются только пробелы, комментарии и избыточный синтаксис — каскад работает как до сжатия.
Меньший вес для скорости
Сжатый CSS грузится быстрее — это влияет на Core Web Vitals и позицию в поисковой выдаче.
Частые вопросы
Да. Компрессор не трогает @media, @keyframes и другие правила верхнего уровня.
Длинные записи сокращаются: #ffffff → #fff, 0px → 0. Визуально результат не меняется.
Препроцессоры генерируют читаемый CSS для разработки. Перед публикацией стили имеет смысл сжать, особенно если в проекте нет полного пайплайна.
Да. После CSS-инлайнера в style-атрибутах остаётся лишнее — компрессор почистит каждый блок.
Никуда. Сжатие работает полностью в браузере на вашем устройстве.
Нет. Вставляйте фрагменты любого объёма.
Нет. Откройте страницу, вставьте код и получите сжатый результат.
Удаление из стилей пробелов, переносов, комментариев и дублирующихся свойств. Браузер интерпретирует сжатый файл точно так же, но загружает его быстрее.
Да. Сжатый CSS улучшает показатели LCP и CLS, которые Google учитывает при ранжировании.
Нет. Сначала скомпилируйте стили в CSS, затем вставьте результат для минификации.
Компрессор не трогает !important и порядок селекторов. Каскад работает как до сжатия.
Да. Объявления --custom-property и var() сохраняются полностью.
CSS после препроцессора сжимается на 20–40%. Ручной CSS — на 10–20%.
Да. Компрессор почистит избыточный код после инлайнера и вернёт компактную версию.
Больше инструментов в Letteros
Рассылки, презентации, баннеры, статьи, формы для сбора данных и другие инструменты для маркетинга и коммуникаций — в одной платформе.
Попробовать Letteros