Форматування та мініфікація CSS
Вирівнюйте заплутаний CSS для зручного читання або мініфікуйте його для публікації — з безпечним режимом, який ніколи не змінює порядок правил.
Ваш CSS форматується та мініфікується безпосередньо у браузері. Нічого не надсилається на BroBroGo.
Поширені запитання
Яка різниця між форматуванням та мініфікацією?
Форматування (Beautify) відновлює відступи та додає пробіли у стилі, щоб їх було зручно читати та редагувати. Мініфікація (Minify) робить протилежне — видаляє пробіли та коментарі, які не потрібні браузеру, а також скорочує значення (наприклад, кольори), завдяки чому файл стає меншим і завантажується швидше. Форматуйте під час роботи, мініфікуйте перед публікацією.
Що роблять налаштування стиснення Safe та Optimized?
Режим «Safe» лише видаляє пробіли й коментарі та скорочує значення, залишаючи кожне правило саме там, де ви його написали. Режим «Optimized» йде далі й об'єднує дубльовані селектори та правила для максимального зменшення файлу — це може змінити порядок правил, тому для стилів, де порядок має критичне значення, варто зробити швидку перевірку перед публікацією. Коментарі виду /*! … */ зберігаються в обох режимах.
Чи змінить мініфікація вигляд моєї сторінки?
У режимі «Safe» — ні, ваші стилі відображатимуться абсолютно так само. Він лише стискає пробіли, видаляє звичайні коментарі та переписує значення у коротші еквівалентні форми (наприклад, #ffffff як #fff), ніколи не змінюючи вендорні префікси чи сучасний синтаксис. Режим «Optimized» також об'єднує правила; це виглядає ідентично для майже всіх таблиць стилів, але варто перевірити результат, якщо ваші стилі залежать від порядку правил.