Eliminați comentariile și spațiile inutile din CSS

Dezvoltatorii web folosesc Minificator CSS când pregătesc cod compact pentru livrare sau o comparație controlată.

Eliminați comentariile și spațiile inutile din CSS, apoi obțineți cod compact pentru etapa următoare. Folosiți-l gratuit în browser, fără cont.

Cum se folosește

Trage foaia de stil în zona de introducere sau importă fișierul pe care vrei să îl comprimi în loc să îl lipești manual.
Rulează minificatorul: comentariile dispar, iar spațiile albe fără rol sintactic sunt eliminate.
Compară dimensiunea rezultatului cu fișierul original pentru a vedea cât a economisit efectiv trecerea.
Copiază codul compact în proiectul tău și reîncarcă pagina pentru a confirma că aspectul nu s-a deplasat.
Păstrează versiunea lizibilă într-un loc sigur, pentru că fișierul împachetat este destinat livrării, nu editării.

Exemplu

Eșantionul conține două reguli scrise pe mai multe linii, cu margini, un fundal și padding răspândite. După trecere, compară cele două texte alăturate și verifică dacă fiecare selector, proprietate și valoare apare încă în versiunea compactă.

Date de intrare

body {
    color: #17211d;
    margin: 0;
}

.card {
    padding: 12px;
    background: #ffffff;
}

Rezultat

body{color:#17211d;margin:0} .card{padding:12px;background:#ffffff}

Limite și formate

Comentariile sunt eliminate, așa că orice notă lăsată în ele nu va reapărea în rezultat.
Codul compact este greu de citit și incomod de corectat, așa că păstrează originalul pentru editări viitoare.
Regulile nefolosite nu sunt detectate, iar valorile nu sunt rescrise, așa că economia vine în principal din spațiile albe și comentarii.
Testează rezultatul în browserele pe care le susții, mai ales dacă foaia folosește selectori neobișnuiți sau un comentariu care nu a fost niciodată închis.

Unde are loc procesarea

Munca are loc în browserul tău: CSS-ul pe care îl lipești rămâne acolo, nu este trimis nicăieri și dispare când se închide fila. Asta înseamnă că poți comprima foaia de stil a unui client fără ca ea să părăsească computerul tău.

Întrebări frecvente

Un fișier minificat se va încărca mai repede?

Cântărește mai puțin pentru că comentariile și spațiile albe de prisos au dispărut, iar un fișier mai mic se descarcă mai repede. Cât de mult observi depinde de dimensiunea foii de stil și de tot ce altceva trebuie să aducă pagina.

Pot anula minificarea după aceea?

Nu de pe această pagină. Comentariile și indentarea originală se pierd în trecere, așa că aspectul lizibil nu poate fi reconstruit. Lucrează pe o copie sau păstrează fișierul formatat în controlul versiunilor înainte de a-l înlocui.

De ce rezultatul mai conține spații?

Spațiile care separă două valori, doi selectori sau cuvintele din interiorul unei proprietăți fac parte din sintaxă. Sunt eliminate doar spațiile albe fără rol gramatical, motiv pentru care rezultatul comprimat încă este analizat ca CSS valid.