LibraTool logoLibraTool

Бесплатен Минификатор и разубавувач на CSS

Минифицирајте CSS за намалување на големината на датотеката или разубавете минифициран CSS за читливост. Веднаш, во вашиот прелистувач.

Работи офлајн откако ќе се вчита
или испуштете .css датотека подолу

Испуштете .css датотека тука, или кликнете за да пребарате

CSS · Нема ограничување на големината на датотеката

или притиснете Ctrl+V за да залепите од таблата со исечоци

Прелистувајте датотеки
Влезен CSS
Излезен CSS
Излезот ќе се прикаже тука…

Како функционира

Оваа алатка користи рачно напишан CSS токенизатор без зависности, изграден целосно во JavaScript — без надворешни библиотеки, без повици до сервер. Токенизаторот го класифицира секој карактер како код, коментар, наведена низа, или вредност url() пред да се применат каква било трансформации, што спречува правилата за празни места да ја оштетат содржината на низи, data URI-и, или изрази calc().

  1. 1
    Проход на токенизација
    Влезниот CSS се скенира карактер-по-карактер и се дели на типизирани токени: сурови сегменти код, коментари /* ... */, наведени низи (зачувувајќи ги секвенците за бегство), и блокови url(...). Ова обезбедува дека трансформациите во следниот чекор ги допираат само вистинската CSS синтакса — никогаш содржината на буквален низа или data URI.
  2. 2
    Минифицирање или разубавување
    Во режимот за минифицирање, обичните коментари се отфрлаат (коментарите /*! license */ се задржуваат), низите празни места во токените со код се собираат во единечни празни места, и празните места до знаци за интерпункција околу { } : ; , > ~ се отстрануваат. Празните места околу + и - намерно се оставаат непроменети за да не се нарушат изразите calc(). Во режимот за разубавување, кодот прво се минифицира до чиста основа, потоа повторно се токенизира и повторно се вовлекува со следење на длабочина од две празни места и откривање на двоеточие за декларации за да се разликуваат двоеточијата property: value од двоеточија на селектори како a:hover.
  3. 3
    Проценка на големина по gzip
    По произведувањето на излезот, се користи природната CompressionStream API на прелистувачот за да се компресира резултатот со gzip и да се измери резултирачкиот број бајти. Ова дава реалистична проценка на големината за пренос што одговара на она што веб-сервер со gzip компресија би го испратил преку мрежата.
  4. 4
    Копирај или преземи
    Обработениот CSS се запишува во клипбордот преку Clipboard API, или се презема како styles.min.css (режим на минифицирање) или styles.css (режим на разубавување) користејќи Blob со MIME тип text/css. Процентот на намалување на големината се прикажува во живо додека пишувате.

Поврзани алатки

📋

JSON форматер

Форматирајте, валидирајте, минимизирајте и истражете ги податоците од JSON. Приказ на дрво, истакнување на синтаксата и копија со еден клик.

Пробајте го
🌐

Разубавувач и минификатор на HTML

Прегледно форматирајте или минифицирајте HTML со правилно вовлекување на вгнездувањата. Ја зачувува содржината внатре во <pre>, <script>, <style> блокови.

Пробајте го
📰

Форматер и валидатор на XML

Прегледно форматирајте и потврдете XML користејќи го нативниот DOM парсер на вашиот прелистувач. Вклучува минифициран излез за продукциска употреба.

Пробајте го

Најчесто поставувани прашања