CSS Beautifier & Minifier

Ponovo uvucite neuredan CSS radi lakšeg čitanja ili ga minifikujte za brže učitavanje — uz siguran režim koji nikada ne mijenja redoslijed vaših pravila.

Uvlačenje
Kompresija
Zalijepite ili upišite CSS da ga uljepšate ili minifikujete.

Vaš CSS se formatira i minifikuje u vašem pretraživaču. Ništa se ne šalje na BroBroGo.

Česta pitanja

Koja je razlika između opcija Beautify i Minify?

Uljepšavanje (Beautify) ponovo uvlači redove i pravi razmake u stilovima kako bi bili lakši za čitanje i uređivanje. Minifikacija (Minify) radi suprotno — uklanja razmake i komentare koji pretraživaču nisu potrebni i skraćuje vrijednosti poput boja, tako da je datoteka manja i brže se učitava. Uljepšavajte dok radite, minifikujte prije objavljivanja.

Šta rade postavke kompresije 'Sigurno' i 'Optimizovano'?

Opcija 'Sigurno' (Safe) samo uklanja razmake i komentare te skraćuje vrijednosti, ostavljajući svako pravilo tačno tamo gdje ste ga napisali. Opcija 'Optimizovano' (Optimized) ide korak dalje i spaja duplicirane selektore i pravila radi manje datoteke — može promijeniti redoslijed pravila, pa je kod stilova koji se oslanjaju na redoslijed izvora preporučljivo izvršiti brzu provjeru prije objavljivanja. Komentari označeni sa /*! … */ se zadržavaju u oba slučaja.

Hoće li minifikacija promijeniti izgled moje stranice?

U režimu 'Sigurno' (Safe) ne — vaši stilovi se prikazuju potpuno isto. On sažima razmake, odbacuje obične komentare i prepisuje vrijednosti u kraće ekvivalentne oblike (poput #ffffff u #fff), te nikada ne mijenja vaše prefikse proizvođača (vendor prefixes) ili modernu sintaksu. Režim 'Optimizovano' (Optimized) također spaja pravila, što izgleda identično na gotovo svim stilovima, ali vrijedi provjeriti ako vaši stilovi zavise od redoslijeda pravila.

HTML Beautifier & MinifierPonovo uvucite zamršeni HTML radi lakšeg čitanja ili ga minifikujte za brže učitavanje — uz opcionalnu provjeru neispravnih tagova.SVG OptimizerOčistite SVG kod i smanjite ga bez promjene izgleda grafike.JavaScript Beautifier & MinifierPonovo uvucite minifikovani ili zamagljeni JavaScript kako biste ga mogli čitati, ili minifikujte sopstveni kod da bude manji za slanje.Kalkulator za CSS clamp()Unesite veličinu za male i velike ekrane i dobićete fluidnu clamp() vrijednost koja se glatko skalira između njih — za veličine fonta, padding, margine ili razmake.Generator gradijenataKreirajte linearni, radijalni ili konusni gradijent, dodajte tačke prekida boje i postavite smjer, a zatim kopirajte CSS jednim klikom.Generator za Box ShadowPovucite klizače da oblikujete box-shadow, slažite slojeve za dubinu i odmah kopirajte gotov CSS.Konverter bojaKonvertujte boje između HEX, RGB, HSL, HSV, CMYK i LAB formata — uredite bilo koje polje i ostala se ažuriraju u hodu.JSON FormaterFormatirajte, validirajte i minifikujte JSON u trenu.