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

Стисніть вставлені фрагменти CSS або локальні .css файли безпосередньо у вашому браузері. Ваша таблиця стилів не завантажується, не реєструється та не надсилається до API.

Натисніть, щоб вибрати файл CSS або перетягніть його сюди

Також можна вставити CSS безпосередньо в редактор нижче.

0 байт

0 байт

Готово

Консервативні налаштування CSSO

За замовчуванням запуск видаляє коментарі та пробіли, але залишає структурні оптимізації вимкненими, щоб уникнути ризикованих переписувань таблиць стилів.

Введення фрагмента та файлу

Вставте частковий CSS, повні таблиці стилів, медіа-запити, користувацькі властивості або завантажте локальний файл .css.

Безпечне вимірювання

Аналітика використовує лише діапазони розміру та зменшення. Джерела CSS, URL-адреси, селектори, коментарі та назви файлів залишаються поза телеметрією.

Поширені запитання

Чи завантажується мій CSS у Convertr?

Ні. Мініфікатор працює локально за допомогою JavaScript у браузері. Вставлений CSS і вибрані файли не надсилаються на сервери Convertr.

Чому за замовчуванням вимкнено структурну оптимізацію?

Деякі агресивні переписування CSS можуть змінити поведінку каскаду. Перша версія зберігає компресію консервативною та зосередженою на безпечній мініфікації.

Що відбувається, якщо у CSS є синтаксична помилка?

Помилка парсера відображається на панелі попереджень, щоб ви могли виправити таблицю стилів перед копіюванням результату.

Пов'язані інструменти розробника

Компілятор SCSS Компілювати фрагменти Sass/SCSS онлайн Конвертер кольорів CSS Конвертуйте кольори CSS Генератор CSS-градієнтів Створення CSS градієнтів локально Перевірка контрастності кольорів WCAG Перевірка доступного кольорового контрасту HTML мініфікатор Стиснути фрагменти HTML Оптимізатор SVG Стиснути код SVG Інструменти розробника Переглянути браузерні інструменти

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

Видалити безпечне форматування та коментарі з вставленого CSS, щоб зменшити обсяг передачі.

Вхід
CSS-текст і доступні варіанти мініфікації.
Вихід
Мініфікований CSS та інформація про розмір до і після.
Реальні обмеження
Мініфікація не є семантичною валідацією, додаванням префіксів або видаленням мертвого коду; некоректний CSS і незвичайні хаки можуть вимагати ручного перегляду.
Конфіденційність та обробка даних
CSS-вихідний текст і доступні варіанти мініфікації обробляються в цій вкладці браузера. Convertr не отримує або зберігає його; закриття або перезавантаження сторінки очищає робочий стан, якщо інструмент явно не пропонує локальне завантаження.

Як використовувати цей інструмент

  1. Надайте CSS-вихідний текст та доступні варіанти мініфікації в елементах керування інструменту.
  2. Виберіть налаштування, які впливають на мініфікований CSS, а також інформацію про розмір до та після, а потім запустіть інструмент.
  3. Перегляньте мініфікований CSS разом з інформацією про розмір до та після перед копіюванням або завантаженням.

Поширені режими збою

Незакриті блоки, недійсні рядки або синтаксис, який парсер не може зрозуміти, повертаються як помилка замість зміненого виходу.

Корисний приклад

Мініфікуйте відформатоване правило .card, видаляючи відступи, коментарі та непотрібні пробіли, зберігаючи його оголошення.