Минификатор CSS
Вставьте таблицу стилей, чтобы получить самый компактный эквивалентный CSS и точный размер экономии.
Запечатано на этом устройстве
Работает в вашем браузере. Ничего не загружается на сервер.
Запечатано
Минифицированный CSS
Минифицированный CSS появится здесь по ходу ввода.
Как это работает
-
Вставьте CSS
Вставьте таблицу стилей или откройте файл .css. Минификация начинается по ходу ввода.
-
Выберите степень сжатия
Объединение правил даёт самый маленький файл. Отключите его, если порядок правил должен остаться в точности как в исходнике.
-
Скопируйте или скачайте
Сравните размер до и после, включая gzip, а затем скопируйте результат или скачайте файл .min.css.
Частые вопросы
Мой CSS загружается на сервер?
Нет. Минификация выполняется в вашем браузере с помощью открытого движка CSSO. Таблица стилей не покидает ваше устройство.
Что удаляет минификация?
Пробелы, переносы строк, комментарии, последнюю точку с запятой в каждом блоке, а также лишние нули и единицы измерения. Цвета сокращаются, например #ff0000 становится red, а повторяющиеся объявления удаляются.
Что делает опция «Объединять и переупорядочивать правила»?
Она объединяет правила с общими селекторами или объявлениями и перемещает их, когда это безопасно, — обычно это экономит больше всего байтов. Если ваши стили зависят от необычного порядка каскада, отключите опцию, чтобы сохранить структуру как есть.
Зачем сохранять комментарии /*!?
Комментарии, которые начинаются с /*!, обычно содержат лицензию или уведомление об авторских правах, которые должны оставаться вместе с кодом. Все остальные комментарии удаляются.
Что такое размер gzip?
Веб-серверы обычно сжимают CSS перед отправкой. Значение gzip, измеренное в вашем браузере, примерно показывает, сколько байтов реально передаётся по сети.