Входные данные
Подготовка рабочей области…
Как пользоваться
- Вставьте CSS, откройте файл UTF-8 или загрузите образец.
- Выберите отступы либо минификацию CSS и запустите операцию.
- Проверьте результат и нажмите «Копировать» или «Скачать».
Форматирование и минификация CSS
Форматирование упрощает чтение и проверку таблицы стилей. Минификация удаляет необязательные пробелы и обычные комментарии для уменьшения текста.
Обе операции сначала разбирают ввод. Prettier форматирует, а CSSTree генерирует компактный синтаксис без оптимизации всей таблицы стилей.
Выбор операции
Форматирование создаёт единые отступы и переносы строк. Выберите два или четыре пробела по правилам проекта.
Минификация уплотняет корректный CSS, сохраняя обязательные пробелы и лицензионные комментарии с восклицательным знаком. Отдельный оптимизатор может дополнительно упростить результат.
.card { color: red; padding: 8px; }.card{color:red;padding:8px}Иллюстрация компактного синтаксиса; выберите минификацию CSS для такого результата.
Ограничения преобразования
Инструмент не удаляет неиспользуемые селекторы, не объединяет правила, не переписывает URL ресурсов и не загружает импорты. Проверяйте результат в исходном контексте приложения.
Ввод должен быть CSS, а не Sass или Less. Ошибки разбора показываются пользователю; после изменения ввода или настроек экспорт прежнего результата недоступен.
Экспорт таблицы стилей
«Копировать» экспортирует весь актуальный результат, «Скачать» сохраняет styles.css. Исходный файл не изменяется, а CSS не устанавливается в проект автоматически.
Текстовый ввод до 1 MiB. Преобразования CSS и HTML выполняются в Worker с ограничением 30 секунд. Инструменты цвета используют sRGB; созданные стили служат предпросмотром и требуют проверки в вашем макете.
Частые вопросы
Удаляется ли неиспользуемый CSS?
Нет. Минификация уплотняет синтаксис без анализа HTML и используемых селекторов.
Сохраняются ли лицензионные комментарии?
Комментарии, начинающиеся с /*!, сохраняются, обычные удаляются. Если проект требует дополнительных уведомлений, проверьте результат.
Можно ли вставить Sass или Less?
Инструмент разбирает CSS и не запускает компилятор Sass или Less. Сначала скомпилируйте исходник препроцессора.
Почему копирование недоступно после редактирования?
Показан результат предыдущего ввода или настроек. Запустите операцию заново, чтобы получить актуальный результат.
Загружается ли CSS на сервер?
Нет. Разбор и преобразование выполняются в браузере. Файл читается локально, а скачивание создаёт новый файл результата.