Ilmainen online CSS Minify/ Formatter

Input data
bfotool loadding
Output data
bfotool loadding

 

CSS Minify Tool

CSS:n pienentäminen ottaa kirjoittamasi kauniin, hyvin muotoillun CSS-koodin ja poistaa välilyönnit, sisennykset, rivinvaihdot ja kommentit. Näitä elementtejä ei vaadita CSS:n onnistuneeseen käyttöön. Se tekee myös CSS:stä vaikeamman lukea.

Monien kehittäjien "paras käytäntö" on ylläpitää "kaunistettua" versiota, ja kun heidän projektinsa otetaan käyttöön, tyylit suoritetaan pienennysohjelman kautta. He myös yhdistävät monet tyylitiedostonsa yhdeksi tiedostoksi.

 

Miksi käyttää CSS Minifieria?

Minifioinnin tarkoituksena on nopeuttaa verkkosivustoa. Minimointi voi tehdä skriptistä jopa 20 % pienemmän, mikä nopeuttaa latausaikaa. Jotkut kehittäjät käyttävät sitä myös koodinsa "hämärtämiseen". Tämä vaikeuttaa koodin lukemista, mikä vaikeuttaa kääntämistä tai kopioimista.

 

CSS-pienennä esimerkki

Ennen:

.headbg{
    margin:0 8px 
}
a:link,a:focus{
    color:#00c 
}
a:active{
    color:red 
}

Jälkeen:

.headbg{margin:0 8px }a:link,a:focus{color:#00c }a:active{color:red }