CSS polepševalnik in pomanjševalnik

Zamaknite neurejen CSS za lažje branje ali ga pomanjšajte za objavo – z varnim načinom, ki nikoli ne spreminja vrstnega reda pravil.

Zamik
Stiskanje
Prilepite ali vpišite CSS, da ga polepšate ali pomanjšate.

Vaš CSS se oblikuje in pomanjša neposredno v brskalniku. Nič se ne prenaša na BroBroGo.

Pogosta vprašanja

Kakšna je razlika med polepšanjem (beautify) in pomanjšanjem (minify)?

Funkcija Polepšaj (Beautify) ponovno zamakne in razporedi sloge, da so lažje berljivi in uredljivi. Funkcija Pomanjšaj (Minify) naredi nasprotno – odstrani prazne prostore in komentarje, ki jih brskalnik ne potrebuje, ter skrajša vrednosti (npr. barve), da je datoteka manjša in se hitreje naloži. Sloge polepšajte med delom, pomanjšajte pa pred objavo.

Kaj omogočata nastavitvi stiskanja Varno (Safe) in Optimizirano (Optimized)?

Varna nastavitev (Safe) odstrani le prazne prostore in komentarje ter skrajša vrednosti, pri čemer pusti vsako pravilo natanko tam, kjer ste ga zapisali. Optimizirana nastavitev (Optimized) gre še dlje in združi podvojene selektorje ter pravila za še manjšo datoteko – to lahko spremeni vrstni red pravil, zato je pri slogovnih predlogah, ki se zanašajo na vrstni red v viru, pred objavo priporočljiv hiter pregled. Komentarji, označeni z /*! … */, se v obeh primerih ohranijo.

Ali bo pomanjšanje spremenilo videz moje strani?

V varnem načinu (Safe) ne – vaši slogi se izrišejo popolnoma enako. Združi prazne prostore, odstrani običajne komentarje in prepiše vrednosti v krajše enakovredne oblike (npr. #ffffff kot #fff), pri čemer nikoli ne spreminja proizvajalčevih predpon ali sodobne sintakse. Optimizirani način (Optimized) prav tako združuje pravila, kar je na videz enako pri skoraj vseh slogovnih predlogah, vendar je vredno preveriti, če je vaša koda odvisna od vrstnega reda pravil.

HTML polepševalnik in pomanjševalnikZamaknite zapleten HTML za lažje branje ali ga pomanjšajte za objavo – z neobveznim preverjanjem poškodovanih značk.Optimizator SVGOčistite kodo SVG in jo stisnite brez spreminjanja grafike.JavaScript polepševalnik in pomanjševalnikZamaknite pomanjšan ali zakrit JavaScript za lažje branje ali pomanjšajte lastno kodo za manjšo velikost ob objavi.Kalkulator za CSS clamp()Vnesite velikost za male in velike zaslone ter pridobite tekočo vrednost clamp(), ki se vmes gladko prilagaja — za velikosti pisav, paddinge, margine ali gape.Generator prelivovUstvarite linearen, radialen ali stožčast preliv, dodajte barvne točke, določite smer in kopirajte CSS z enim klikom.Generator za box-shadowPovlecite drsnike, da oblikujete senco elementa, zložite plasti za večjo globino in takoj kopirajte končni CSS.Pretvornik barvPretvorite barve med formati HEX, RGB, HSL, HSV, CMYK in LAB — uredite katero koli polje in ostala se bodo sproti posodobila.Oblikovovalnik JSONTakoj oblikujte, preverite in minificirajte JSON.