Preskoči na sadržaj
TextArray
100% lokalno

CSS minifikator

Smanjite CSS uklanjanjem komentara i razmaka bez diranja vaših vrijednosti.

Unos
Rezultat

CSS minifikator

Zalijepite stilsku tablicu i ovaj alat vraća kompaktnu verziju s uklonjenim komentarima, smanjenim razmakom i uklonjenom posljednjom točkom i zarezom svakog bloka. Upotrijebite ga za brisanje bajtova iz stilske tablice prije slanja, za umetanje kritičnog CSS-a u zaglavlje stranice, za ubacivanje stilova u HTML predložak e-pošte ili jednostavno da vidite koliko se vaše datoteke oblikuje — zbroj ispod izlaza pokazuje broj bajtova i postotak spremljene.

Minifikator analizira vaš CSS umjesto slijepe zamjene teksta, tako da lukavi dijelovi ostaju netaknuti: string literali zadržavaju svaki znak, calc() izrazi zadržavaju razmake oko svojih operatora, url() vrijednosti kopiraju se nedirnute, a selektor potomaka kao što je "a:hover" nikada se ne spaja u "a:hover". Ono što namjerno ne radi jest ponovno pisanje vaših vrijednosti — boje, jedinice i kratice ispadaju točno onako kako ste ih napisali. To je pošteni minifikator razmaka i komentara, a ne optimizator koji restrukturira pravila.

Dvije mogućnosti podešavanja izlaza. "Keep /*! comments" čuva komentare koji počinju s /*!, konvenciju za licencne bannere koji moraju preživjeti smanjivanje - isključite je da biste ih ispustili kao i svaki drugi komentar. "Jedno pravilo po retku" emitira novi redak nakon svakog pravila najviše razine, čime je rezultat prilagođen razlici i lakši za skeniranje od jednog dugog retka.

Sve radi u vašem pregledniku. Vaš se CSS nikada ne učitava, tako da vlasničke tablice stilova i neobjavljeni dizajni ostaju na vašem uređaju.

FAQ

Prepisuje li boje, jedinice ili stenografska svojstva?
Ne. Uklanja samo komentare, nepotrebne razmake i zadnju točku i zarez svakog bloka. Vrijednosti, birači i redoslijed svojstava ispadaju točno onako kako su napisani — ne restrukturiraju niti optimiziraju pravila na način na koji bi to mogao učiniti minifikator alata za izgradnju.
Hoće li se lukave vrijednosti poput calc() ili url() pokvariti?
Ne. Alat analizira CSS, tako da se string literali čuvaju znak po znak, calc() zadržava potrebne razmake oko svojih operatora i sve unutar url() kopira se netaknuto.
Što su /*! komentare i zašto ih čuvati?
Komentar koji počinje sa /*! je konvencija za licencne bannere koji moraju preživjeti smanjivanje. "Zadrži /*! komentare" je uključeno prema zadanim postavkama; ugasi da ih skine kao i svaki drugi komentar.
Je li moj CSS igdje učitan?
Ne. Minifikacija se u potpunosti izvodi u vašem pregledniku i vaša lista stilova nikada ne napušta vaš uređaj.