Перейти к содержимому
Toolars
Каталог
Сообщить об ошибке

Разработка · утилита · Локально

Минификация CSS

CSS Minifier

Минифицируйте CSS в локальном Worker со строгим разбором, называющим строку и столбец ошибки; лицензионные комментарии /*! сохраняются.

Путь задачи / от ввода к результату

Вставьте таблицу стилей

Работает локально · Ничего не загружается на сервер

Как работает Минификация CSS, конфиденциальность и похожие инструменты

Путь задачи / от ввода к результату

Как минифицировать CSS

  1. 01

    Вставьте таблицу стилей

    Вставьте исходный текст UTF-8 объёмом до 256 KiB. В режиме сжатия настройка отступа отключена.

  2. 02

    Сначала попробуйте пример

    Образец загружен. Запустите локальное преобразование, когда будете готовы.

  3. 03

    Нажмите «Минифицировать»

    Нажмите «Сжать». CSSO удаляет обычные комментарии и уплотняет CSS без перестройки правил; комментарии /*!...*/ сохраняются. Проверьте стили в целевом макете.

  4. 04

    Проверьте статистику

    Сравните число байтов UTF-8 на входе и выходе и процент экономии. Отрицательная экономия означает рост размера; проверьте результат перед копированием или скачиванием.

  5. 05

    Скопируйте или скачайте результат

    Нажмите «Копировать результат» для буфера обмена или «Скачать», чтобы сохранить toolars.min.css — «Копировать результат» это быстрый путь, когда вывод сразу отправляется в блок style или коммит. «Сбросить» очищает рабочее пространство для следующей таблицы стилей.

Факты об инструменте

Обработка
В вашем браузере
Ввод покидает устройство
Никогда
Хранение
Ничего не сохраняется
Цена
Бесплатно

Ваши данные остаются в браузере.

Минификация CSS использует проверенный путь локального выполнения и не создаёт скрытую историю ввода и вывода.

Локальное выполнение

Работает внутри текущей вкладки браузера.

Никакой скрытой обработки

Активные данные инструмента никогда не становятся записями документов Toolars.

Аккаунт не требуется

Используйте основной сценарий без создания профиля. Избранное синхронизируется с аккаунтом после входа.

Мгновенный сброс

Закройте вкладку — и рабочие данные исчезнут.

Когда пригодится Минификация CSS

Ревью кода

Упростите проверку исходника, прежде чем делиться им с другим разработчиком.

Артефакты сборки

Создавайте компактный HTML, CSS или JavaScript, не исполняя исходный код.

Готовые к копированию сниппеты

Отформатируйте конкретный пример и перенесите его сразу в документацию или редактор.

Что на самом деле делает Минификация CSS

Таблице стилей, месяцами подгонявшейся вручную, нужна её производственная форма; блок критического CSS должен уменьшиться перед тем, как попасть в head документа; релизу дизайн-системы нужно быстрое число «до и после». Минификация CSS даёт сжатый результат и точную экономию локально, а строгий разбор ловит потерянную фигурную скобку, которая иначе уехала бы в прод незамеченной. Запускайте её на каждом релиз-кандидате и храните читаемый исходник в системе контроля версий; неопубликованные стили никогда не покидают браузер, и учётная запись не нужна.

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

Что меняет минификатор?
CSSO уплотняет синтаксис и удаляет обычные комментарии; комментарии с началом /*! остаются. Перестройка правил отключена; HTML и JavaScript здесь не обрабатываются.
Какие комментарии переживают минификацию?
Только комментарии, открывающиеся /*!, — общепринятая форма лицензионных и атрибуционных баннеров, которые остаются в выводе, чтобы атрибуция пережила распространение. Обычные комментарии /* */ удаляются, поэтому переведите в форму /*! всё, что нужно сохранить, до минификации.
Изменит ли минификация применение моих стилей?
Здесь не проверяется отображение в браузере. Испытайте результат на целевой странице, особенно порядок резервных правил, селекторы и пользовательские свойства; успешный разбор не гарантирует прежнюю вёрстку.
Почему мою таблицу стилей отклонили?
CSS разбирается строгим парсером перед минификацией именно потому, что сам компрессор терпим к ошибкам. Опечатка, незакрытая фигурная скобка или недопустимое объявление останавливают запуск с указанием строки и столбца вместо незаметно неверного результата. Тот же строгий разбор стоит и за парным CSS-форматировщиком этого семейства.
Каковы лимиты?
Вход ограничен 256 KiB, выход — 512 KiB. Для запуска и выполнения локального Worker отведено по пять секунд; изменение исходника или кнопка отмены останавливают задачу. Исходник остаётся в браузере; ничего не загружается на сервер.
Загружается ли мой CSS куда-либо?
Нет. Исходник разбирается локальным Worker, не исполняется, не отправляется и не сохраняется. Успешный разбор не доказывает корректность приложения или совместимость.

Продолжить: Разработка

Связанные задачи, а не тупик.

Перейдите в другую сфокусированную рабочую область, не возвращаясь к полному каталогу.

Код в изображение

Code to Image Converter

Экспортируйте код с подсветкой в PNG или SVG: шесть языков, светлая и тёмная темы, номера строк, заголовок окна и масштаб 1x или 2x.

Создание

Генератор URL-слагов

URL Slug Generator

Превращайте заголовки в чистые слаги с дефисами или подчёркиваниями: диакритика снимается, амперсанды разворачиваются, нелатиница сохраняется.

Создание

Генератор теней React Native

React Native Shadow Generator

Сравнивайте устаревшие тени и boxShadow в React Native, настраивайте вывод для iOS и Android рядом и копируйте код StyleSheet.

Создание

Кодирование / декодирование Base64

Base64 Encoder/Decoder

Кодируйте Unicode-текст в Base64 и обратно с живой валидацией, режимами URL-safe и UTF-8 и кнопкой обмена для круговых проверок.

Конвертация