Обрабатывает ли этот инструмент мой CSS на сервере?

Нет. Минификация выполняется полностью в вашем браузере с использованием JavaScript. Ваш CSS никогда не отправляется никуда.

Разрушит ли минификация мой CSS?

Токенизатор защищает строки в кавычках и значения url(), поэтому валидный CSS должен остаться нетронутым. Однако это не полный парсер AST — нестандартные крайние случаи в синтаксисе могут не обрабатываться идеально.

Удаляются ли однострочные комментарии //?

Да. И однострочные (//), и многострочные (/* */) комментарии удаляются. Обратите внимание, что // не является официально частью спецификации CSS, но часто встречается в файлах исходного кода препроцессора.

На сколько меньше станет мой CSS?

Ручной CSS обычно сокращается на 20–40%. Файлы с множеством комментариев или щедрым количеством пробелов экономят больше. Для максимального сжатия используйте gzip или Brotli на вашем сервере.

Можно ли минифицировать CSS с переменными или выражениями calc()?

Да. Кастомные свойства (--var), var(), calc() и другие современные функции CSS рассматриваются как обычные значения токенов и безопасно проходят через процесс.

Загружает ли этот инструмент мои данные?

Нет. Всё выполняется прямо в вашем браузере, поэтому ваши данные никогда не покидают устройство — после загрузки страницы он работает даже офлайн.

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

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

Ваш CSS

Приватно по умолчанию. Этот инструмент работает полностью в вашем браузере — ничего из введённого не загружается и не сохраняется, и он работает офлайн.

Об инструменте

Этот минификатор CSS работает полностью в вашем браузере с использованием подхода токенизации, который правильно обрабатывает крайние случаи. Он удаляет однострочные (//) и многострочные (/* */) комментарии, сжимает последовательности пробелов в один пробел или удаляет их вокруг знаков пунктуации, таких как { } : ; , и >, и сохраняет содержимое строк в кавычках и значения url(), чтобы пробелы внутри URI данных или имен шрифтов никогда не были повреждены. Поскольку это базовый токенизатор, а не полный парсер AST, он быстрый и без зависимостей, что делает его подходящим для большинства вручную написанных или сгенерированных препроцессором CSS. Инструмент отображает исходный размер, сжатый размер и сохраненные байты, чтобы вы могли принять обоснованное решение о том, нужна ли дополнительная оптимизация.

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

Вставьте свой CSS в область ввода слева.
Нажмите Minify — инструмент токенизирует ваш CSS и выводит сжатую версию справа.
Проверьте сводку размеров, чтобы увидеть исходный размер, сжатый размер и сколько байт было сохранено.
Нажмите Копировать, чтобы скопировать сжатый CSS в буфер обмена, или используйте Скачать, чтобы сохранить его как файл .css.

Частые вопросы

Обрабатывает ли этот инструмент мой CSS на сервере?: Нет. Минификация выполняется полностью в вашем браузере с использованием JavaScript. Ваш CSS никогда не отправляется никуда.
Разрушит ли минификация мой CSS?: Токенизатор защищает строки в кавычках и значения url(), поэтому валидный CSS должен остаться нетронутым. Однако это не полный парсер AST — нестандартные крайние случаи в синтаксисе могут не обрабатываться идеально.
Удаляются ли однострочные комментарии //?: Да. И однострочные (//), и многострочные (/* */) комментарии удаляются. Обратите внимание, что // не является официально частью спецификации CSS, но часто встречается в файлах исходного кода препроцессора.
На сколько меньше станет мой CSS?: Ручной CSS обычно сокращается на 20–40%. Файлы с множеством комментариев или щедрым количеством пробелов экономят больше. Для максимального сжатия используйте gzip или Brotli на вашем сервере.
Можно ли минифицировать CSS с переменными или выражениями calc()?: Да. Кастомные свойства (--var), var(), calc() и другие современные функции CSS рассматриваются как обычные значения токенов и безопасно проходят через процесс.
Загружает ли этот инструмент мои данные?: Нет. Всё выполняется прямо в вашем браузере, поэтому ваши данные никогда не покидают устройство — после загрузки страницы он работает даже офлайн.