Toolrack

Минификатор CSS

Работает офлайнНичего не загружаетсяБесплатно, без регистрации

или бросьте .css-файл на эту панель

Всё работает в этой вкладке — стили её не покидают.

Два направления, один инструмент: сожмите таблицу стилей для продакшена — комментарии долой, пробелы схлопнуты, последняя точка с запятой убрана — или разверните чужой сжатый CSS обратно, по объявлению на строку. Строки и url() экранируются заранее — внутрь никто не лезет.

Что убирает минификация — и что трогать нельзя

CSS безразличен почти ко всем пробелам, что делает его самым лёгким языком веба для сжатия ручными правилами: убрать комментарии, схлопнуть пробелы, вычистить их вокруг скобок, двоеточий и запятых, снять последнюю точку с запятой перед закрывающей скобкой. Каждый такой байт — гарантированный грамматикой no-op.

Исключения — строки в кавычках и url(): там пробел это данные. Минификатор без экранирования молча портит свойства content и data URI. Этот сажает их за плейсхолдеры до первого регулярного выражения и выпускает после последнего.

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

Сколько реально экономит минификация?

Рукописный CSS обычно худеет на 15–30%: комментарии, отступы и пробелы вокруг скобок и двоеточий — чистый воздух. Счётчик под результатом показывает честные байты в UTF-8 — решайте сами, стоит ли экономия потери читаемости в продакшене.

Может ли он сломать стили?

Опасные места — строки и значения url(): имя шрифта с двумя пробелами, SVG data URI со значимыми пробелами. Они вырезаются и экранируются до любых правил о пробелах, а затем возвращаются дословно. Всё остальное в CSS нечувствительно к пробелам по спецификации.

Развёртка — это настоящий анминификатор?

Структурно — да: скобки каждого правила расставляются, каждое объявление получает свою строку с отступом, списки селекторов рвутся по запятым. Чего вернуть нельзя — того, что минификация уничтожила навсегда: ваших комментариев и группировок пустыми строками во входе просто нет.

Нужно ли минифицировать, если сервер жмёт gzip?

Да, они складываются: gzip дожимает минифицированный файл, и вместе они бьют каждого поодиночке. Минификация убирает то, что компрессору иначе пришлось бы моделировать — лист в 100 КБ, сжатый до 75 КБ, после gzip обычно на несколько килобайт меньше, чем был бы оригинал.

Похожие инструменты