Форматируйте беспорядочный или минифицированный CSS в читаемый код или минифицируйте для production. Обрабатывает media queries, keyframes, font-faces, custom properties и все современные возможности CSS с правильными отступами.
Вставьте CSS в область ввода. В режиме 'Форматировать' инструмент переформатирует с одним свойством на строку, правильными отступами для вложенных правил (media queries, keyframes). Выберите размер отступа (2 пробела, 4 пробела или табы). Включите 'Сортировать свойства' для алфавитной сортировки. В режиме 'Минифицировать' удаляются пробелы, комментарии и лишние точки с запятой. Статистика показывает правила, свойства, строки и коэффициент сжатия.
Работа с минифицированным CSS из production-бандлов, очистка вывода CSS-генераторов, стандартизация стиля кода в проектах, просмотр pull requests с последовательным форматированием, минификация CSS для production, отладка специфичности CSS через отступы, миграция inline-стилей или CSS-in-JS в таблицы стилей, очистка CSS из Figma и Sketch.
Реализует конечный автомат с отслеживанием контекста (селектор, свойство, значение, комментарий, строка, at-rule). Обрабатывает at-rules (@media, @keyframes, @font-face, @supports, @import, @layer, @container) с правильными отступами. Многострочные значения (background, grid-template-areas) сохраняются. Custom properties (--variable-name) и var() обрабатываются корректно. Минификатор удаляет комментарии, сжимает пробелы, удаляет последнюю точку с запятой, сокращает нулевые значения (0px → 0, 0.5 → .5). Строки в content и url() не изменяются.
Нет. Минификация удаляет только пробелы, комментарии и избыточный синтаксис. Стили парсятся браузерами идентично. Однако минифицированный CSS сложнее читать, поэтому сохраняйте исходную версию для разработки.
Это вопрос предпочтений. Алфавитная сортировка упрощает поиск свойств, но разделяет связанные свойства (width/height, top/left). Некоторые предпочитают логическую группировку (позиционирование, box model, типографика). Инструмент поддерживает оба подхода.
Обычно 15-40% в зависимости от комментариев и форматирования. CSS с множеством пробелов даёт наибольшую экономию. В сочетании с gzip/brotli экономия может достигать 80-90%. Для больших проектов рассмотрите также удаление неиспользуемого CSS через PurgeCSS.
Форматируйте и минифицируйте HTML с правильными отступами и переносами строк.
Beautify/минификация JavaScript. Настраиваемая индентация, ES2024+ (optional chaining, decorators).
Конвертация утилитарных классов Tailwind CSS в стандартные свойства обычного CSS.
Трансформируйте, форматируйте, генерируйте и кодируйте данные мгновенно. Приватно, быстро и всегда бесплатно.
Смотреть все инструменты