Удалите лишние пробелы и упростите запись CSS. Уменьшите размер таблицы стилей, сохранив читаемый исходник отдельно.
Как пользоваться
Вставьте до 200 000 символов CSS и запустите сжатие. Проверьте оформление страницы до замены рабочего файла.
Пример
Правило .card { color: red; } потеряет лишние пробелы. Результат остаётся CSS и предназначен для таблицы стилей.
Вопросы и ответы
Меняется ли порядок правил?
Структурная перестановка отключена. Всё равно проверьте страницу: сжатие не заменяет визуальную проверку.
Связанные инструменты
Практическая задача
Сравните вывод с читаемым исходником и проверьте разные размеры окна. Адаптивные и печатные правила тоже входят в CSS. Уменьшение полезно только при правильном отображении этих режимов.
Дополнительный вопрос
Где править стили после сжатия?
В читаемом исходнике с повторной генерацией. Следующая сборка иначе затрёт исправление, сделанное лишь в компактной копии.
Детали для проверки результата
| Деталь | Пояснение |
|---|---|
| Каскад CSS | Один селектор может повторяться намеренно. Результат зависит от порядка, специфичности, медиазапросов и наследования. Короткая и аккуратная таблица стилей всё равно требует проверки на странице. |
| Оформление и поведение | Форматирование меняет вид исходника. Оно не доказывает правильность вычислений или отображения страницы. Проверку поведения проводите отдельно от проверки отступов и пробелов. |
| Читаемый и сжатый исходник | Сжатие создаёт компактную копию для публикации. Читаемый исходник нужен для поддержки и повторной сборки. Правка только сжатой версии усложняет проверку и теряет контекст комментариев. |
| Комментарии исходника | Комментарии содержат лицензии, заметки сборки и пояснения. Перед удалением проверьте условия сторонних материалов и сохраните важные уведомления в нужном исходном или распространяемом файле. |
| Границы предпросмотра | Ограниченный просмотр блокирует скрипты, внешние изображения, шрифты и другие ресурсы. Поэтому он отделён от активного поведения страницы, но не воспроизводит любой рабочий макет точно. |
| Границы источника | Резюме и редактура опираются на переданные материалы. Одна ссылка не загружает статью в этом интерфейсе. Добавляйте нужный отрывок и сохраняйте ссылки рядом с подтверждаемыми утверждениями. |
| Исходная и выходная версии | Преобразование создаёт другое представление материала. Если удаляются структура и знаки, сохраните оригинал. По выводу с потерями не всегда можно восстановить породивший его ввод. |
| Контраст цветов | Для читаемого текста нужен достаточный контраст переднего плана и фона. Красивые цвета не гарантируют доступность. Проверяйте размер, насыщенность шрифта и реальный фон вместе. |