Компрессор CSS
Сжимайте CSS онлайн бесплатно, удаляя пробелы, комментарии и лишние точки с запятой и применяя сокращённые записи, включая нормализацию hex-цветов, сокращение нулевых значений и краткую запись font-weight. Работает полностью в вашем браузере, без регистрации.
CSS Input
Any CSS - stylesheets, component styles, email CSS, frameworks
Compressed CSS Output
Read-only - copy or download the compressed output
What this CSS compressor does
Removes comments, collapses whitespace, strips trailing semicolons, normalises hex colors, shortens zero values, and applies font-weight shorthand. Use the options panel to enable or disable individual transformations. All processing happens locally - your CSS never leaves your browser.
Зачем использовать наш компрессор CSS?
- Мгновенное сжатие CSS: сжимайте CSS мгновенно в браузере — без ожидания загрузки и очередей на сервере. Компрессор CSS обрабатывает вашу таблицу стилей за миллисекунды и показывает точную экономию в байтах и процент сокращения.
- Безопасный онлайн-компрессор CSS: ваш CSS никогда не покидает устройство. Компрессор CSS работает полностью в браузере — без загрузки на сервер, без передачи данных, 100 % приватно. Безопасно для проприетарных таблиц стилей и внутренних дизайн-систем.
- Онлайн-компрессор CSS без установки: используйте компрессор CSS прямо в любом современном браузере — без скачивания программ, плагинов и аккаунта. Работает в Windows, macOS, Linux и на мобильных устройствах.
- 100 % бесплатно навсегда: компрессор CSS полностью бесплатен — без регистрации, платных тарифов, ограничений размера и рекламы. Сжимайте неограниченное число таблиц стилей CSS бесплатно, навсегда.
Типичные сценарии использования компрессора CSS
- Оптимизация продакшн-таблиц стилей: сжимайте таблицы стилей CSS перед публикацией в продакшене, чтобы сократить время загрузки и трафик. Компрессор CSS удаляет все пробелы и комментарии, ненужные в продакшене.
- Улучшение Core Web Vitals: уменьшайте размер блокирующих отрисовку CSS-файлов, чтобы улучшить показатели Largest Contentful Paint (LCP) и First Contentful Paint (FCP). Компрессор CSS помогает убрать лишние байты из критического CSS.
- Сжатие CSS для шаблонов писем: сжимайте встроенный CSS в HTML-шаблонах писем, чтобы уменьшить размер письма и улучшить доставляемость. Компрессор CSS удаляет комментарии и пробелы, сохраняя все правила стилей.
- Оптимизация тем WordPress и CMS: сжимайте таблицы стилей тем WordPress и CSS плагинов перед публикацией. Компрессор CSS уменьшает размер файлов, не влияя на визуальную отрисовку и совместимость с браузерами.
- Настройка фреймворков CSS: сжимайте собранные версии Bootstrap, Tailwind или Bulma, чтобы убрать неиспользуемые пробелы и комментарии. Компрессор CSS создаёт чистую минимальную таблицу стилей, готовую к продакшену.
- Оптимизация производительности на мобильных: уменьшайте объём CSS для мобильных пользователей с медленным соединением. Компрессор CSS минимизирует байты таблицы стилей, чтобы ускорить отрисовку в мобильных сетях и на слабых устройствах.
Что такое сжатие CSS?
Сжатие CSS (также называемое минификацией CSS) уменьшает размер файла таблицы стилей CSS, удаляя все символы, которые не нужны браузеру для правильной интерпретации и применения стилей. Это включает пробелы (пробелы, табуляции, переводы строк), комментарии, лишние точки с запятой и многословные представления значений, например #ffffff (которое можно сократить до #fff). Компрессор CSS применяет все эти преобразования за один шаг и создаёт функционально идентичную, значительно меньшую таблицу стилей.
Как работает наш компрессор CSS
- Вставьте или загрузите CSS: введите таблицу стилей CSS в поле ввода или нажмите «Загрузить .css», чтобы выбрать файл. Компрессор CSS принимает любой корректный CSS — таблицы стилей, стили компонентов, CSS для писем и настройки фреймворков.
- Мгновенная обработка в браузере: нажмите «Сжать CSS», и инструмент последовательно применит все включённые преобразования — полностью в вашем браузере. Ваш CSS никогда не покидает устройство. Результат появляется в поле вывода с точной экономией байтов.
- Скопируйте или скачайте результат: скопируйте сжатый CSS в буфер обмена одним кликом или скачайте его как файл .css. Результат готов к непосредственному использованию в продакшене.
Что сжимается
- Комментарии: все комментарии CSS удаляются — они нужны только в процессе разработки и не приносят пользы в продакшене.
- Пробелы: все пробелы, табуляции и переводы строк вокруг селекторов, свойств и значений сжимаются — браузерам не нужны пробелы для корректной интерпретации CSS.
- Лишние точки с запятой: последняя точка с запятой перед закрывающей скобкой в CSS необязательна — её удаление экономит один байт на правило.
- Многословные значения: hex-цвета вроде #aabbcc сокращаются до #abc, нулевые значения вроде 0px становятся 0, а font-weight:bold становится font-weight:700.
Компрессор CSS и минификатор CSS — в чём разница?
Термины «компрессор CSS» и «минификатор CSS» используются взаимозаменяемо — оба означают уменьшение размера CSS-файла за счёт удаления ненужных символов. Некоторые инструменты используют слово «компрессор», подразумевая дополнительные сокращённые записи (нормализацию цветов, сокращение нулевых значений) помимо простого удаления пробелов. Наш компрессор CSS применяет и удаление пробелов, и сокращённые записи, обеспечивая максимально возможное сокращение при полной валидности и совместимости CSS с браузерами.
Часто задаваемые вопросы
Компрессор CSS уменьшает размер файла таблицы стилей CSS, удаляя пробелы, комментарии и лишние точки с запятой и применяя сокращённые записи, такие как нормализация цветов и сокращение нулевых значений. Наш бесплатный онлайн-компрессор CSS работает полностью в вашем браузере: без загрузки на сервер и без установки.
Нет. Компрессор CSS удаляет только те символы, которые не нужны браузеру для правильной интерпретации и применения ваших стилей. Все селекторы, свойства и значения сохраняются в точности. Сжатый CSS функционально идентичен исходному.
Да, полностью. Компрессор CSS работает целиком в вашем браузере. Ваша таблица стилей никогда не загружается на сервер и не покидает устройство. Всё сжатие происходит локально с гарантированной приватностью.
Да — 100 % бесплатно, навсегда. Без регистрации, без аккаунта, без платных тарифов, без ограничений размера и без рекламы. Сжимайте неограниченное число таблиц стилей CSS бесплатно.
Типичные таблицы стилей CSS дают сокращение размера на 20–40 % только за счёт удаления пробелов и комментариев. С сокращёнными записями (нормализация цветов, сокращение нулевых значений, краткая запись font-weight) можно достичь 30–50 % сокращения для хорошо отформатированных таблиц.
В CSS последняя точка с запятой перед закрывающей скобкой необязательна — браузеры принимают и `color:red}`, и `color:red;}`. Её удаление экономит один байт на правило. Это безопасная оптимизация, которую применяют все крупные минификаторы CSS.
Да. Компрессор CSS использует преобразования на основе регулярных выражений, которые работают с любым корректным CSS-текстом, включая пользовательские свойства (переменные), CSS Grid, Flexbox, запросы @media, @keyframes и все современные возможности CSS.
Для продакшн-проектов инструменты сборки, такие как webpack, Vite или PostCSS с cssnano, дают более продвинутые оптимизации и встраиваются в ваш конвейер сборки. Компрессор CSS идеален для быстрых разовых сжатий, отладки, обучения или проектов без конвейера сборки.
Искусственного ограничения на размер файла нет. Практический предел зависит от доступной памяти браузера. Для типичных задач — таблиц стилей компонентов, файлов тем, настроек фреймворков — компрессор CSS обрабатывает их мгновенно.