Aqbeż għall-kontenut ewlieni
LibraTool logoLibraTool

Minifier u Beautifier CSS b'xejn

Minifika CSS biex tnaqqas id-daqs tal-fajl jew sebbaħ CSS imminifikat biex jinqara faċilment. Immedjat, fil-browser tiegħek.

Jaħdem offline ladarba mgħobbi
jew itfa' fajl .css hawn taħt

Itfa' fajl .css hawn, jew ikklikkja biex tfittex

CSS · ipproċessat fuq it-tagħmir tiegħek

jew agħfas Ctrl+V biex twaħħal mill-clipboard

Agħżel fajls
CSS tad-Dħul
CSS tal-Ħruġ
L-output jidher hawn…

Użi komuni

  • Minify CSS għal Production DeploymentNaqqas CSS file size qabel deployment għal production — faster page loads u lower bandwidth costs.
  • Beautify Minified CSS għal DebuggingFormat compressed jew minified CSS f'readable code sabiex tispetta u tiddebug styles.
  • Minify CSS għal Email TemplatesCompact CSS għal HTML email templates fejn file size u inline style bloat matter.
  • Minify CSS għal WordPress ThemesNaqqas il-size ta' custom WordPress theme stylesheets għal better PageSpeed scores.
  • Beautify CSS għal Code ReviewFormat any CSS file f'clean, indented, readable code ready għal review u collaboration.

Kif Taħdem

Din l-għodda tuża tokenizer CSS miktub bl-idejn, mingħajr dipendenza, mibni kompletament f'JavaScript — l-ebda librerija esterna, l-ebda sejħiet lil server. It-tokenizer jikklassifika kull karattru bħala kodiċi, kumment, string bejn virgoletti, jew valur url() qabel ma japplika kwalunkwe trasformazzjonijiet, li jipprevjeni regoli ta' spazju vojt milli jikkorrompu kontenut ta' strings, data URIs, jew espressjonijiet calc().

  1. 1
    Pass ta' tokenizzazzjoni
    Id-dħul CSS jiġi skennjat karattru b'karattru u maqsum f'tokens ittipjati: segmenti ta' kodiċi mhux ipproċessati, kummenti /* ... */, strings bejn virgoletti (jippreservaw sekwenzi ta' ħruba), u blokki url(...). Dan jassigura li t-trasformazzjonijiet fil-pass li jmiss imissu biss is-sintassi CSS reali — qatt il-kontenut ta' string litteral jew data URI.
  2. 2
    Immiminizzazzjoni jew abbelliment
    Fil-modalità ta' minifikazzjoni, kummenti regolari jitneħħew (kummenti /*! license */ jinżammu), sekwenzi ta' spazji vojta f'tokens tal-kodiċi jiġu kkollassati għal spazji singoli, u spazji vojta ħdejn il-punteġġjatura madwar { } : ; , > ~ jitneħħew. Spazji madwar + u - jinżammu intenzjonalment biex ma jinkisrux l-espressjonijiet calc(). Fil-modalità ta' abbelliment, il-kodiċi l-ewwel jiġi minifikat għal linja bażi nadifa, imbagħad jerġa' jiġi tokenizzat u indentat mill-ġdid b'segwitu ta' fond ta' żewġ spazji u identifikazzjoni taż-żewġ punti tad-dikjarazzjoni biex jiddistingwi bejn iż-żewġ punti ta' property: value u ż-żewġ punti ta' selettur bħal a:hover.
  3. 3
    Stima tad-daqs Gzip
    Wara li jiġi prodott il-ħruġ, l-API CompressionStream nattiva tal-browser tintuża biex tikkomprimi r-riżultat bil-gzip u tkejjel l-għadd tal-bytes riżultanti. Dan jagħti stima realistika tad-daqs tat-trasferiment li taqbel ma' dak li server tal-web bil-kompressjoni gzip jibgħat fuq in-netwerk.
  4. 4
    Ikkopja jew niżżel
    Is-CSS ipproċessat jinkiteb fil-clipboard permezz tal-API Clipboard, jew jitniżżel bħala styles.min.css (modalità immiminizzata) jew styles.css (modalità abbelliment) bl-użu ta' Blob bit-tip MIME text/css. Il-perċentwal tat-tnaqqis tad-daqs jintwera ħaj hekk kif tittajpja.

Għodod Relatati

✨

Ottimizzatur u Minifier SVG

Ħassar il-metadata, ikkollassa l-ispazji bojod, u qarreb id-deċimali biex tnaqqas drastikament id-daqs tal-fajl SVG — tnaqqisiet tipiċi ta' 30-70%. Il-preview viżwali jivverifika li xejn ma jinkiser.

IpprovaIl-fajls jibqgħu lokali
🎨

Beautifier CSS

Ifformatja CSS minifikat b'indentazzjoni konsistenti, jew minifikah. Issortjar alfabetiku b'għażla tal-proprjetajiet għal differenzi prevedibbli.

Ipprova
📋

Formattatur JSON

Ifforma, ivvalida, imnaqqas, u esplora dejta JSON. Veduta tas-siġra, enfasi tas-sintassi, u kopja b'klikk waħda.

Ipprova

Mistoqsijiet Frekwenti