Cum minimizez CSS online fără să instalez nimic?

Lipiți CSS-ul în CSS de intrare sau trageți un fișier .css, apoi faceți clic pe Minimizează CSS. Comentariile și spațiile în plus sunt eliminate, iar rezultatul poate fi copiat sau descărcat ca styles.min.css.

Păstrează minimizatorul CSS comentariile de licență și data URI intacte?

Da. Comentariile obișnuite sunt eliminate, dar comentariile /*! license */ sunt păstrate. Șirurile între ghilimele, valorile url() și data URI sunt tokenizate separat, deci regulile pentru spații nu le modifică.

Cum transform CSS minimizat înapoi în cod lizibil?

Faceți clic pe Formatează CSS în loc de Minimizează CSS. Codul este reindentat cu două spații pe nivel, iar două puncte ale selectorilor, precum a:hover, sunt deosebite de două puncte ale proprietăților. Descarcă îl salvează ca styles.css.

Ce înseamnă numărul gzipped de lângă reducere?

Este o estimare a dimensiunii ieșirii după compresia gzip, măsurată cu CompressionStream API al browserului. Dacă browserul dvs. nu are acest API, dimensiunea gzipped nu este afișată.

Este CSS-ul meu trimis la un server când îl minimizez?

Nu. Minimizarea este făcută de un tokenizator JavaScript care rulează în browserul dvs., fără bibliotecă externă. Nu se încarcă nimic, deci îl puteți folosi pe foi de stil private.

Da. Fiecare unealtă este gratuită, fără cont și fără card de credit. Procesarea se face pe dispozitivul tău, nu pe serverele noastre, ceea ce ne permite să le oferim gratuit.

Funcționează pe mobil?

Da. Funcționează în browserele mobile actuale de pe iOS și Android, fără nimic de instalat.

🗜️

Minificator & Înfrumusețător CSS — gratuit

Minifică CSS pentru a reduce dimensiunea fișierului sau înfrumusețează CSS-ul minificat pentru lizibilitate. Instant, în browser.

Rulează în browserFără înregistrare, fără ferestre pop-upFără autentificare necesarăGratuit pentru totdeauna

Funcționează offline odată încărcat

sau trage un fișier .css mai jos

Trage aici un fișier .css sau dă clic pentru a răsfoi

CSS · procesat pe dispozitivul tău

sau apăsați Ctrl+V pentru a lipi din clipboard

Răsfoiește fișierele

CSS intrare

CSS ieșire

Ieșirea va apărea aici…

Utilizări frecvente

Minificați CSS pentru distribuire în producțieReduceți dimensiunea fișierului CSS înainte de distribuire în producție — încărcare mai rapidă a paginii și costuri mai mici ale lățimii de bandă.
Frumusețe CSS minificat pentru depanareFormatați CSS comprimat sau minificat în cod citibil, astfel încât să puteți inspecta și depana stilurile.
Minificați CSS pentru șabloane de e-mailCompact CSS pentru șabloane de e-mail HTML în care contează dimensiunea fișierului și depășirea stilului inline.
Minificați CSS pentru teme WordPressReduceți dimensiunea foilor de stil ale temei WordPress particularizate pentru scoruri PageSpeed mai bune.
Frumusețe CSS pentru revizuire codFormatați orice fișier CSS în cod curat, indentat, citibil gata pentru revizuire și colaborare.

Cum funcționează

Această unealtă folosește un tokenizator CSS scris manual, fără dependențe, construit în întregime în JavaScript — fără biblioteci externe, fără apeluri de server. Tokenizatorul clasifică fiecare caracter ca fiind cod, comentariu, șir citat, sau valoare url() înainte de a aplica orice transformare, ceea ce previne ca regulile de spații albe să corupă conținutul șirurilor, URI-urile de date, sau expresiile calc().

1
Trecere de tokenizare
CSS-ul de intrare este scanat caracter-cu-caracter și împărțit în jetoane tipizate: segmente de cod brut, comentarii /* ... */, șiruri citate (păstrând secvențele de escape), și blocuri url(...). Aceasta asigură că transformările din pasul următor ating doar sintaxa CSS reală — niciodată conținutul unui literal șir sau URI de date.
2
Minificare sau înfrumusețare
În modul minify, comentariile obișnuite sunt eliminate (comentariile /*! licență */ sunt păstrate), secvențele de spații albe din jetoanele de cod sunt reduse la un singur spațiu, iar spațiile din jurul semnelor { } : ; , > ~ sunt eliminate. Spațiile din jurul lui + și - sunt lăsate intenționat neatinse pentru a nu strica expresiile calc(). În modul beautify, codul este mai întâi minificat la o bază curată, apoi retokenizat și reindentat cu urmărirea adâncimii de două spații și detectarea caracterului două puncte din declarații, pentru a deosebi două punctele din „proprietate: valoare” de cele din selectori precum a:hover.
3
Estimarea dimensiunii gzip
După producerea ieșirii, API-ul nativ CompressionStream al browser-ului este folosit pentru a comprima rezultatul cu gzip și a măsura numărul de octeți rezultat. Aceasta oferă o estimare realistă a dimensiunii de transfer, corespunzătoare cu ce ar trimite prin rețea un server web cu compresie gzip.
4
Copiază sau descarcă
CSS-ul procesat este scris în clipboard prin API-ul Clipboard, sau descărcat ca styles.min.css (modul minify) sau styles.css (modul beautify) folosind un Blob cu tipul MIME text/css. Procentul de reducere a dimensiunii este afișat live pe măsură ce scrii.

Instrumente similare

✨

Optimizator & Minificator SVG

Elimină metadatele, colapsează spațiile albe și rotunjește zecimalele pentru a reduce dramatic dimensiunea fișierelor SVG — reduceri tipice de 30-70%. Previzualizarea vizuală verifică că nimic nu se strică.

ÎncearcăFișierele rămân locale

🎨

Înfrumusețător CSS

Formatează CSS minimizat cu indentare consecventă sau minimizează-l. Sortare alfabetică opțională a proprietăților pentru diferențe previzibile.

Încearcă

📋

Formatare JSON

Formatați, validați, minimizați și explorați date JSON. Vizualizare arborescentă, evidențierea sintaxei și copiere cu un singur clic.