Output will appear here...Что такое CSS Minifier & Beautifier?

CSS Minifier & Beautifier - это двухсторонний инструмент стилей: он сжимает CSS, удаляя все, что не нужно браузеру - комментарии, пробелы, избыточные точки с запятой, длинные шестнадцатеричные цвета и единицы с нулевыми значениями - и он может поменяться процессом, расширяя однострочный производственный пакет обратно в читаемые, надлежащие правила с отступом. Каждый байт, который вы удаляете из таблицы стилей блокирования рендеринга, представляет собой байт, который браузер загружает и анализирует раньше, который напрямую питает метрики жизненно важных показателей Core Web, такие как First Contentful Paint и наибольшая содержательная краска.
Минфактор намеренно консервативен. Он полностью осведомлен о строковых литералах, значениях url() и выражениях calc(), поэтому никогда не удаляет пробел, от которого зависит Calc(100% - 20px), никогда не переписывает цветоподобный текст внутри строки содержимого и никогда не прикасается к интервалу, который отличает div : hover от div: hover. На типичных рукописных таблицах вы можете ожидать уменьшения размера на 25–40% до GZIP; в сочетании с GZIP или BROTLI на проводе минимизация по-прежнему брилирует значимый фрагмент, потому что сжатие лучше работает при повторяющихся и без комментариев.
В вашем браузере все работает на 100% на стороне клиента. Ваш CSS никогда не загружается, не регистрируется или сохраняется на любом сервере, что означает, что вы можете безопасно вставлять проприетарный системный код, невыпущенные стили продукта или работу с клиентом. Он также работает автономно после загрузки страницы - полезен, когда вам нужен быстрый мини-пропуск без подключения полного POSTCSS или конвейера ESBuild.
Минификация здесь — это синтаксический зависящий, а не набор правил «найти-замена», что делает его безопасным для запуска в производственных таблицах: пробелы внутри строк, значения url() и селекторы атрибутов остаются в покое, поскольку удаление будет изменено, что соответствует CSS. Комментарии, начинающиеся с восклицательного знака, хранятся, что является соглашением для заголовков лицензий, которые должны выжить в сборке.
Как использовать минимальный и улучшающий CSS?
Вставьте свой CSS
Переместите свою таблицу стилей во входную область — одно правило, файл компонента или полный производственный пакет. Принимаются как форматированные, так и уже минифельные CSS.
Выберите «Минифицировать» или «Украсить»
Нажмите «Мини», чтобы сжать для производства, или украсить, чтобы развернуть миниатюрный код в одну строку с пустой строкой между правилами. Для Beautify сначала выберите предпочитаемый вмятин.
Проверьте сберегательный значок
Инструмент сообщает точное изменение размера до/после и процентное изменение (например, «12,4 КБ → 8,1 КБ, −34%»), поэтому вы точно знаете, что преобразование купило вам перед отправкой.
Скопируйте или скачайте
Скопируйте результат в буфер обмена одним щелчком мыши или загрузите его в виде файла .css, готовых к выходу в ваш вывод сборки или CDN.
Основные характеристики
Безопасная, синтаксическая минимизация
Уважает строковые литералы, значения url() и интервалы calc() - он агрессивно сжимается, не повреждая допустимые CSS
Шестокно и нулевые укорочение
Переписывает #FFFFF на #FFF и от 0px до 0, где доказуемо безопасно, сжимая лишние байты за пределы удаления простого пробела
Сохранение комментариев с лицензией
Сохраняет /* Комментарии к баннеру нетронуты, поэтому заголовки библиотечных лицензий выживают при минимировании, соответствующее стандартному поведению инструмента сборки
Блокменник одним щелчком мыши
Расширяет минимизированные пакеты в читаемые правила с настраиваемыми 2, 4 или 8 пробелами для отладки производственных проблем
Frequently Asked Questions
Related Tools
HTML Minifier & Beautifier
Minify HTML markup for faster page loads or beautify it for readable, indented source
JSON Minifier
Minify JSON by removing whitespace, or beautify it with clean indentation, with live size-savings stats and exact parser error messages
SQL Formatter
Format messy SQL into readable, indented queries or minify SQL to a single line
CSS Formatter
Beautify messy CSS with clean indentation, or minify it to ship smaller files. Handles nested at-rules, comments, and string literals safely.
Comments
0 comments
No comments yet. Be the first to share your thoughts!