Pugofka / Tools / Код
CSS: минификация и форматирование
Сжимайте, форматируйте и проверяйте CSS с сохранением порядка правил, строк, URL и значений пользовательских свойств.
Как сжать CSS без потери стилей
Вставьте таблицу стилей и нажмите «Минифицировать». Инструмент удалит лишние пробелы и обычные комментарии, сохранив лицензионные комментарии. Пробелы вокруг сложения и вычитания в calc(), min(), max() и clamp() остаются на месте.
Содержимое строк, url() и значений пользовательских свойств --custom-property сохраняется без переписывания.
Почему минификатор не должен переставлять правила
В CSS порядок правил влияет на каскад: более позднее правило может переопределить раннее. Поэтому эта утилита не объединяет и не переставляет правила ради дополнительных байтов экономии. После публикации всё равно проверьте страницу в браузере — динамические состояния и загрузка внешних таблиц стилей зависят от проекта.
Частые ошибки в CSS
Проверка показывает строку и столбец незакрытой строки, комментария или скобки, а также синтаксических ошибок разбора. Значения свойств по спецификации не проверяются: новые свойства и вендорные расширения иначе давали бы ложные ошибки.
Если выражение calc(100% - 10px) превратить в calc(100%-10px), браузер не сможет разобрать вычитание. Здесь такой пробел сохраняется.
Безопасность: всё в браузере
Проверка, форматирование и минификация работают в браузере. Код CSS не отправляется на сервер Pugofka; при первом действии браузер загружает только программный модуль утилиты. Содержимое поля скрыто от записи Вебвизора.
Секретные данные лучше не вставлять ни в один онлайн-инструмент; для них используйте локальный редактор.
Частые вопросы
- Сохраняются ли пробелы внутри calc()?
- Да. Пробелы вокруг + и - остаются, чтобы вычисления сохранили корректный синтаксис.
- Переставляются ли правила CSS?
- Нет. Порядок селекторов и правил сохраняется, чтобы не менять каскад.
- Работают ли вложенные правила и @container?
- Да. Инструмент поддерживает современный синтаксис, включая вложенность, @layer и @container.
- Удаляются ли комментарии с лицензией?
- Нет. Комментарии вида /*! ... */ сохраняются; обычные комментарии при минификации удаляются.
- Проверяются ли значения каждого CSS-свойства?
- Нет. Проверяется синтаксис документа. Значения новых и вендорных свойств не объявляются ошибочными.
- Отправляется ли CSS на сервер?
- Нет. Обработка выполняется в браузере; содержимое не передаётся в аналитику.
Нужна помощь с сайтом?
Поможем разобраться с технической задачей и оценить её решение.