Минификатор CSS — Бесплатно Онлайн
Минифицируйте CSS-таблицы стилей для уменьшения размера файла.
Who uses the Минификатор CSS?
- Веб-разработчики, оптимизирующие CSS вручную для проектов без пайплайна сборки.
- Инженеры по производительности, получающие быструю оценку уменьшения размера перед внедрением CDN.
- Разработчики тем, делающие приблизительную обработку style.css перед полноценной сборкой.
How the Минификатор CSS works
Вставьте ваш CSS-код в редактор ввода.
Нажмите Minify, чтобы удалить комментарии, пробелы и лишние точки с запятой.
Посмотрите размер до/после в байтах и процентное уменьшение на панели статистики.
Скопируйте минифицированный CSS для использования в продакшене.
Tips & tricks
- Всегда перепроверяйте любые выражения calc() после минификации — удаление пробелов вокруг + этим инструментом может привести к невалидному CSS внутри calc().
- Этот инструмент не объединяет повторяющиеся селекторы и не сокращает свойства до shorthand — он только удаляет комментарии и пробелы.
- Для продакшен-пайплайна настоящий минификатор CSS (cssnano, Lightning CSS) корректно обрабатывает calc() и другие граничные случаи — используйте этот инструмент для быстрых проверок, а не финального продакшен-вывода.
- Процент уменьшения на панели статистики — хороший приблизительный показатель того, сколько «лишнего веса» из пробелов/комментариев было в исходном CSS.
Frequently Asked Questions
Сколько экономит минификация CSS?
Минификация CSS обычно экономит 10–30% размера файла. С добавлением gzip-сжатия фактическая экономия достигает 60–80%. Больше всего выигрывают крупные таблицы стилей с подробными комментариями и большим количеством пробелов.
Что удаляет минификация CSS в этом инструменте?
Она удаляет комментарии (/* ... */), лишние пробелы и переносы строк, а также лишнюю точку с запятой прямо перед закрывающей скобкой. Она не объединяет повторяющиеся селекторы и не преобразует полные свойства в сокращённые.
Может ли минификация сломать мой CSS?
Обратите внимание на выражения calc(): этот инструмент равномерно убирает пробелы вокруг +, в том числе внутри calc(), что может превратить calc(100% + 10px) в calc(100%+10px) — невалидный CSS, так как пробелы вокруг + и - обязательны по спецификации calc(). Проверяйте использование calc() в результате перед развёртыванием.
Стоит ли минифицировать инлайн-стили или только внешние таблицы стилей?
Сосредоточьтесь на внешних таблицах стилей — они больше всего выигрывают от кэширования и уменьшения размера. Инлайн-стили обычно достаточно малы, чтобы минификация не оправдывала сложность.
Стоит ли использовать это вместо инструмента сборки вроде webpack или Vite?
Инструменты сборки лучше подходят для продакшен-процессов — они автоматически интегрируют минификацию (безопасно, без поломки calc()), source maps и бандлинг. Используйте этот инструмент для быстрой разовой минификации или проектов без пайплайна сборки.
Is my data safe when using the Минификатор CSS?
Completely safe. The Минификатор CSS processes everything locally in your browser. No input data, results, or usage information is ever transmitted to or stored on any server.
Can I use the Минификатор CSS output in commercial projects?
Yes. The Минификатор CSS is a utility tool and its output carries no licensing restrictions. You are free to use results in any project, commercial or personal.
Does the Минификатор CSS follow official standards?
Yes. The Минификатор CSS is built to comply with the relevant industry standard or specification for this utility type. If you encounter an unexpected result, verify your input against the specification — edge cases outside the standard may produce undefined behaviour.