Минификатор CSS

Что меняет реструктуризация

Помимо удаления пробелов, минификатор сокращает значения (#ffffff превращается в #fff, а 0px — в 0) и объединяет правила. Два селектора с одинаковыми объявлениями объединяются в одно правило, а объявления могут перемещаться между правилами, если это допускает каскад. Поэтому порядок в результате не совпадает с порядком в исходном файле, а поиск селектора может найти его вместе с другими селекторами. Чтобы прочитать результат, разверните его с помощью форматтера CSS.

Комментарии с лицензиями сохраняются

Обычные комментарии удаляются, но комментарий, начинающийся с /*!, сохраняется. Именно так библиотеки обычно обозначают уведомления об авторских правах и лицензиях, которые должны оставаться вместе с кодом. Записывайте такие уведомления в этом формате — тогда минифицированный файл сохранит соответствие требованиям.

Минификация также удаляет связь между результатом и исходным кодом. Инструменты разработчика браузера сопоставляют минифицированный CSS с оригиналом только через карту исходного кода. Инструменты сборки создают такую карту, а эта страница — нет, поэтому редактируйте читаемый файл и храните его как основной.

Как пользоваться

1. Вставьте CSS.
2. Выберите «Минифицировать CSS».
3. Скопируйте или скачайте оптимизированную таблицу стилей.

Конфиденциальность и ограничения

CSS остаётся в вашем браузере. Перед публикацией проверьте результат с учётом требований к отображению и поддержке браузерами.