Перейти к содержанию
TextArray
100% локально

CSS-минификатор

Минимизируйте CSS, удалив комментарии и пробелы, не затрагивая значения.

Входные данные
Выходные данные

CSS-минификатор

Вставьте таблицу стилей, и этот инструмент вернет компактную версию с удаленными комментариями, свернутыми пробелами и удаленной последней точкой с запятой из каждого блока. Используйте его, чтобы сократить байты таблицы стилей перед отправкой, встроить критический CSS в заголовок страницы, втиснуть стили в HTML-шаблон электронной почты или просто посмотреть, какая часть вашего файла форматируется — подсчет под выводом показывает количество байтов и процент сохраненных данных.

Минификатор анализирует ваш CSS вместо слепой замены текста, поэтому сложные части остаются нетронутыми: строковые литералы сохраняют каждый символ, выражения Calc() сохраняют пробелы вокруг своих операторов, значения url() копируются без изменений, а селектор-потомок, такой как "a :hover", никогда не объединяется с "a:hover". Чего он намеренно не делает, так это не переписывает ваши значения — цвета, единицы измерения и сокращения получаются именно такими, как вы их написали. Это честный минификатор пробелов и комментариев, а не оптимизатор, реструктурирующий правила.

Два варианта настройки выхода. Параметр «Сохранить /*! комментарии» сохраняет комментарии, начинающиеся с /*!, соглашения о лицензионных баннерах, которые должны пережить минификацию — отключите его, чтобы удалить их, как и любой другой комментарий. «Одно правило на строку» создает новую строку после каждого правила верхнего уровня, что обеспечивает удобство просмотра результатов и облегчает сканирование, чем одну длинную строку.

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

FAQ

Перезаписывает ли он цвета, единицы измерения или сокращенные свойства?
Нет. Он удаляет только комментарии, ненужные пробелы и последнюю точку с запятой в каждом блоке. Значения, селекторы и порядок свойств отображаются точно так, как написано — они не реструктурируют и не оптимизируют правила, как это мог бы сделать минификатор инструмента сборки.
Будут ли ломаться сложные значения, такие как Calc() или url()?
Нет. Инструмент анализирует CSS, поэтому строковые литералы сохраняются посимвольно, Calc() сохраняет необходимые пробелы вокруг своих операторов, а все внутри url() копируется нетронутым.
Что такое /*! комментарии и зачем их хранить?
Комментарий, начинающийся с /*! — это соглашение о лицензионных баннерах, которые должны пережить минификацию. «Сохранять /*! комментарии» включено по умолчанию; отключите его, чтобы удалить их, как и любой другой комментарий.
Загружен ли мой CSS где-нибудь?
Нет. Минификация полностью выполняется в вашем браузере, и ваша таблица стилей никогда не покидает ваше устройство.