CSS uljepšivač i minifikator

Ponovno uvucite neuredan CSS radi lakšeg čitanja ili ga minificirajte za objavu — uz siguran način koji nikada ne mijenja redoslijed pravila.

Uvlačenje
Kompresija
Zalijepite ili upišite CSS za uljepšavanje ili minifikaciju.

Vaš se CSS formatira i minificira u vašem pregledniku. Ništa se ne šalje na BroBroGo.

Česta pitanja

Koja je razlika između uljepšavanja i minifikacije?

Uljepšavanje (Beautify) ponovno uvlači i razmješta stilove kako bi bili lakši za čitanje i uređivanje. Minifikacija (Minify) radi suprotno — uklanja praznine i komentare koji pregledniku nisu potrebni te skraćuje vrijednosti poput boja, pa je datoteka manja i brže se učitava. Uljepšavajte dok radite, minificirajte prije objave.

Što rade postavke kompresije Sigurno (Safe) i Optimizirano (Optimized)?

Siguran način (Safe) samo uklanja praznine i komentare te skraćuje vrijednosti, ostavljajući svako pravilo točno tamo gdje ste ga napisali. Optimizirani način (Optimized) ide korak dalje i spaja duplicirane selektore i pravila radi manje datoteke — može promijeniti redoslijed pravila, pa je kod stilova koji ovise o redoslijedu izvora preporučljivo napraviti brzu provjeru prije objave. Komentari označeni s /*! … */ zadržavaju se u oba načina.

Hoće li minifikacija promijeniti izgled moje stranice?

U sigurnom načinu (Safe) ne — vaši se stilovi prikazuju potpuno isto. On sažima praznine, odbacuje obične komentare i prepisuje vrijednosti u kraće ekvivalentne oblike (poput #ffffff u #fff), a nikada ne mijenja vaše prefikse proizvođača (vendor prefixes) niti modernu sintaksu. Optimizirani način (Optimized) također spaja pravila, što izgleda identično na gotovo svim stilovima, ali vrijedi provjeriti ako vaš stil ovisi o redoslijedu pravila.

HTML uljepšivač i minifikatorPonovno uvucite zamršeni HTML radi lakšeg čitanja ili ga minificirajte za objavu — uz neobaveznu provjeru neispravnih oznaka.SVG OptimizerOčistite SVG kôd i smanjite ga bez promjene izgleda grafike.JavaScript uljepšivač i minifikatorPonovno uvucite minificirani ili zamršeni JavaScript kako biste ga mogli čitati, ili minificirajte vlastiti kôd radi manje veličine pri objavi.CSS clamp() kalkulatorUnesite veličinu za male i velike zaslone i dobit ćete fluidnu clamp() vrijednost koja se glatko skalira između njih — za veličine fonta, padding, margine ili razmake.Generator gradijenataIzgradite linearni, radijalni ili konusni gradijent, dodajte točke boja i postavite smjer, a zatim kopirajte CSS jednim klikom.Generator sjena (Box Shadow)Povucite klizače za oblikovanje sjene elementa, složite slojeve za dubinu i odmah kopirajte gotov CSS.Pretvarač bojaPretvorite boje između formata HEX, RGB, HSL, HSV, CMYK i LAB — uredite bilo koje polje i ostala se ažuriraju u hodu.JSON FormatterFormatirajte, validirajte i minificirajte JSON u trenu.