Înfrumusețare și minificare CSS

Reindentați codul CSS dezordonat pentru a-l citi mai ușor sau minificați-l pentru publicare — cu un mod sigur care nu reordonează niciodată regulile.

Indentare
Compresie
Lipiți sau introduceți codul CSS pentru a-l înfrumuseța sau minifica.

Codul dumneavoastră CSS este formatat și minificat direct în browser. Nimic nu este încărcat pe serverele BroBroGo.

Întrebări frecvente

Care este diferența dintre înfrumusețare (beautify) și minificare (minify)?

Opțiunea de înfrumusețare (Beautify) re-aliniază și adaugă spații în stilurile dumneavoastră pentru a le face ușor de citit și editat. Minificarea (Minify) face exact opusul — elimină spațiile goale și comentariile de care browserul nu are nevoie și scurtează valorile precum culorile, astfel încât fișierul să fie mai mic și să se încarce mai rapid. Înfrumusețați în timp ce lucrați, minificați înainte de publicare.

Ce fac setările de compresie Safe (Sigur) și Optimized (Optimizat)?

Modul Safe (Sigur) elimină doar spațiile goale și comentariile și scurtează valorile, lăsând fiecare regulă exact acolo unde ați scris-o. Modul Optimized (Optimizat) merge mai departe și îmbină selectorii și regulile duplicate pentru a obține un fișier și mai mic — acesta poate reordona regulile, așa că pe foile de stil care depind de ordinea din sursă este recomandată o verificare rapidă înainte de publicare. Comentariile marcate cu /*! … */ sunt păstrate în ambele cazuri.

Minificarea va schimba aspectul paginii mele?

În modul Safe (Sigur), nu — stilurile dumneavoastră se vor reda exact la fel. Acesta elimină spațiile goale, șterge comentariile obișnuite și rescrie valorile în forme echivalente mai scurte (cum ar fi #ffffff în #fff), fără a modifica vreodată prefixele de browser sau sintaxa modernă. Modul Optimized (Optimizat) îmbină de asemenea regulile, ceea ce arată identic pe aproape orice foaie de stil, dar merită verificat dacă foaia dumneavoastră depinde de ordinea regulilor.

Înfrumusețare și minificare HTMLReindentați codul HTML dezordonat pentru a-l citi mai ușor sau minificați-l pentru publicare — cu o verificare opțională pentru etichete deteriorate.Optimizator SVGCurățați codul SVG și reduceți-i dimensiunea fără a modifica grafica.Înfrumusețare și minificare JavaScriptReindentați codul JavaScript minificat sau obfuscat pentru a-l putea citi, sau minificați propriul cod pentru a-l publica la o dimensiune mai mică.Calculator CSS clamp()Introduceți dimensiunile pentru ecrane mici și mari și obțineți o valoare fluidă clamp() care se scalează armonios între ele — ideală pentru dimensiuni de font, padding, margini sau spațieri.Generator de gradiențiCreați un gradient liniar, radial sau conic, adăugați puncte de oprire a culorii, setați direcția și copiați codul CSS rezultat printr-un singur clic.Generator Box ShadowTrageți de glisoare pentru a crea o umbră de tip box-shadow, suprapuneți straturi pentru profunzime și copiați instantaneu codul CSS rezultat.Convertor de culoriConvertiți culori între HEX, RGB, HSL, HSV, CMYK și LAB — editați orice câmp și restul se vor actualiza pe parcurs.Formator JSONFormatați, validați și minificați codul JSON instantaneu.