Как пользоваться
- Вставьте CSS-код в редактор ввода.
- Отметьте «Удалять комментарии», чтобы убрать обычные комментарии.
- Отметьте «Сокращать значения», если хотите сократить HEX-цвета и запись чисел.
- Сравните размер исходного и сжатого CSS и процент экономии рядом с результатом.
Примеры
Удалить комментарии, сохранив лицензию
Исходные данные
/*! MIT */
/* Стили каталога */
.catalog {
display: grid;
gap: 16px;
}
/* Пустой блок */
.placeholder {}Результат
/*! MIT */
.catalog{display:grid;gap:16px}Сократить цвета и числа
Исходные данные
.product-card {
color: #FFFFFF;
margin: 0px 0.50em 10.0px;
opacity: 0.80;
flex: 1 1 0px;
}Результат
.product-card{color:#fff;margin:0 .5em 10px;opacity:.8;flex:1 1 0px}Сжать медиазапрос, оставив точки с запятой
Исходные данные
@media screen and ( min-width : 768px ) , print {
.catalog > .product-card + .product-card {
margin-top: 12px;
border-color: #AABBCC;
}
}Результат
@media screen and (min-width:768px),print{.catalog>.product-card+.product-card{margin-top:12px;border-color:#AABBCC;}}Советы
- Снова нужен читаемый CSS? Отформатируйте его.
- Сожмите и HTML.
Частые вопросы
Отправляется ли CSS на сервер?
CSS обрабатывается в вашем браузере и не отправляется на сервер. Сам код не сохраняется; в localStorage сохраняются только настройки. Аналитика получает события использования с идентификатором инструмента, без CSS.
Какие CSS-файлы можно сжать онлайн?
Принимаются файлы .css и .txt размером до 10 МБ. При объёме ввода до 200 КБ результат обновляется автоматически; для большего объёма запустите минификацию сочетанием Ctrl+Enter или Cmd+Enter.
Не сломаются ли выражения calc() после сжатия?
Пробелы вокруг операторов внутри calc(), min(), max() и clamp() сохраняются. Содержимое строк и url() не изменяется.
Удаляет ли минификатор повторяющиеся CSS-правила?
Повторяющиеся селекторы не объединяются, а повторные объявления свойств сохраняются, в том числе запасные варианты для браузеров. Порядок правил и объявлений не меняется.