Kako minificirati CSS na mreži bez instaliranja ičega?

Zalijepite CSS u Ulazni CSS ili ispustite .css datoteku, zatim kliknite Minificiraj CSS. Komentari i višak praznina se uklanjaju, a rezultat možete Kopirati ili Preuzeti kao styles.min.css.

Čuva li CSS minifikator komentare licence i data URI-je netaknutima?

Da. Obični komentari se odbacuju, ali /*! license */ komentari se zadržavaju. Nizovi u navodnicima, url() vrijednosti i data URI-ji tokeniziraju se zasebno, pa ih pravila o prazninama ne mijenjaju.

Kako minificirani CSS pretvoriti natrag u čitljiv kôd?

Kliknite Uljepšaj CSS umjesto Minificiraj CSS. Kôd se ponovno uvlači s dva razmaka po razini, a dvotočke selektora poput a:hover razlikuju se od dvotočki svojstava. Preuzmi ga sprema kao styles.css.

Što znači gzipirani broj pokraj smanjenja?

To je procjena veličine izlaza nakon gzip kompresije, izmjerena CompressionStream API-jem preglednika. Ako vaš preglednik nema taj API, gzipirana veličina se ne prikazuje.

Šalje li se moj CSS na poslužitelj kad ga minificiram?

Ne. Minifikaciju radi JavaScript tokenizator u vašem pregledniku, bez vanjske biblioteke. Ništa se ne prenosi, pa ga možete koristiti na privatnim stilskim datotekama.

Je li stvarno besplatno?

Da. Svaki alat je besplatan za korištenje, bez računa i bez kreditne kartice. Rad se odvija na vašem uređaju, a ne na našim poslužiteljima, što omogućuje da ostane besplatan.

Radi li na mobilnim uređajima?

Da. Radi u aktualnim mobilnim preglednicima na iOS-u i Androidu, bez instalacije.

🗜️

CSS minifikator i uljepšivač — besplatno

Minificirajte CSS za smanjenje veličine datoteke ili uljepšajte minirani CSS radi čitljivosti. Trenutno, u vašem pregledniku.

Radi u preglednikuBez registracije, bez skočnih prozoraNije potrebna prijavaBesplatno zauvijek

Radi offline nakon učitavanja

ili ispustite .css datoteku ispod

Ispustite .css datoteku ovdje ili kliknite za odabir

CSS · obrađuje se na vašem uređaju

ili pritisnite Ctrl+V za lijepljenje iz međuspremnika

Pregledaj datoteke

Ulazni CSS

Izlazni CSS

Izlaz će se prikazati ovdje…

Uobičajene namjene

Minificirajte CSS za produkcijsku implementacijuSmanjite veličinu CSS datoteke prije implementacije u proizvodnju — brže učitavanje stranica i niži troškovi propusne moći.
Ljepšajte minificirani CSS za ispravljanje grešakaFormatiranja komprimirani ili minificirani CSS u čitljiv kod kako biste mogli ispitati i ispravljati stilove.
Minificirajte CSS za e-mail predloškeKompaktirajte CSS za HTML e-mail predloške gdje su veličina datoteke i bloat ugrađenih stilova važni.
Minificirajte CSS za WordPress temeSmanjite veličinu prilagođenih CSS-eva tema WordPress za bolje rezultate PageSpeed.
Ljepšajte CSS za pregled kodaFormatirajte bilo koju CSS datoteku u čist, uvučen, čitljiv kod spreman za pregled i suradnju.

Kako funkcionira

Ovaj alat koristi ručno napisan CSS tokenizator bez ovisnosti izgrađen u potpunosti u JavaScriptu — bez vanjskih biblioteka, bez poziva poslužitelju. Tokenizator klasificira svaki znak kao kod, komentar, citirani niz ili url() vrijednost prije primjene bilo kakvih transformacija, što sprječava da pravila bjelina kvare sadržaj niza, data URI-je ili calc() izraze.

1
Prolaz tokenizacije
Ulazni CSS se skenira znak po znak i dijeli u tipizirane tokene: sirovi segmenti koda, /* ... */ komentari, citirani nizovi (čuvajući escape nizove) i url(...) blokovi. Ovo osigurava da transformacije u sljedećem koraku diraju samo stvarnu CSS sintaksu — nikad sadržaj literala niza ili data URI-ja.
2
Minifikacija ili uljepšavanje
U načinu minify, obični komentari se izbacuju (/*! licenca */ komentari se zadržavaju), nizovi bjelina u kod tokenima sažimaju se u jedan razmak, a bjeline uz interpunkciju oko { } : ; , > ~ se uklanjaju. Razmaci oko + i - namjerno se ostavljaju netaknuti kako se ne bi pokvarili calc() izrazi. U načinu uljepšavanja, kod se prvo minificira na čistu osnovu, zatim se ponovno tokenizira i ponovno uvlači s praćenjem dubine od dva razmaka i otkrivanjem dvotočke deklaracije za razlikovanje dvotočaka property: value od selektorskih dvotočaka poput a:hover.
3
Procjena veličine gzip
Nakon proizvodnje izlaza, koristi se izvorni CompressionStream API preglednika za komprimiranje rezultata s gzip i mjerenje rezultirajućeg broja bajtova. Ovo daje realističnu procjenu veličine prijenosa koja odgovara onome što bi web poslužitelj s gzip kompresijom poslao preko mreže.
4
Kopiraj ili preuzmi
Obrađeni CSS se zapisuje u međuspremnik putem Clipboard API-ja, ili preuzima kao styles.min.css (način minify) ili styles.css (način uljepšavanja) koristeći Blob s MIME tipom text/css. Postotak smanjenja veličine prikazuje se uživo dok tipkate.

Srodni alati

✨

SVG optimizator i minifikator

Uklonite metapodatke, sažmite razmake i zaokružite decimale kako biste drastično smanjili veličinu SVG datoteke — tipična smanjenja od 30-70%. Vizualni pregled potvrđuje da ništa nije pokvareno.

IsprobajteDatoteke ostaju lokalne

🎨

CSS uljepšivač

Formatirajte minificirani CSS s dosljednim uvlačenjem ili ga minificirajte. Izborno abecedno sortiranje svojstava za predvidljive razlike.

Isprobajte

📋

Formatiranje JSON-a

Formatirajte, provjerite, minimizirajte i istražujte JSON podatke. Prikaz stabla, isticanje sintakse i kopiranje jednim klikom.