LibraTool logoLibraTool

Bepul CSS Siqish va Bezash

Fayl hajmini kamaytirish uchun CSS ni siqing yoki o'qish qulayligi uchun siqilgan CSS ni bezang. Tezkor, brauzeringizda.

Yuklangandan keyin oflayn ishlaydi
yoki quyida .css faylini tashlang

.css faylini shu yerga tashlang yoki ko'rish uchun bosing

CSS · Fayl hajmi cheklovsiz

yoki buferdan joylash uchun Ctrl+V bosing

Fayllarni ko'rish
Kiritiladigan CSS
Natijaviy CSS
Natija shu yerda ko'rinadi…

Qanday ishlaydi

Bu asbob to'liq JavaScript'da qurilgan qo'lda yozilgan, nol bog'liqlikdagi CSS tokenizatoridan foydalanadi — tashqi kutubxonalarsiz, server chaqiruvlarisiz. Tokenizator har qanday o'zgartirishni qo'llashdan oldin har bir belgini kod, izoh, tirnoqli satr yoki url() qiymati sifatida tasniflaydi, bu bo'shliq qoidalarining satr tarkibini, ma'lumot URI'larini yoki calc() ifodalarini buzishining oldini oladi.

  1. 1
    Tokenizatsiya bosqichi
    Kiritilgan CSS belgi-bo-belgi skanerlanadi va turlangan tokenlarga bo'linadi: xom kod segmentlari, /* ... */ izohlar, tirnoqli satrlar (qochish ketma-ketliklarini saqlagan holda) va url(...) bloklari. Bu keyingi qadamdagi o'zgartirishlar faqat haqiqiy CSS sintaksisiga tegishi kerakligini ta'minlaydi — hech qachon satr literali yoki ma'lumot URI tarkibiga emas.
  2. 2
    Kichraytirish yoki go'zallashtirish
    Kichraytirish rejimida, oddiy izohlar tashlanadi (/*! license */ izohlari saqlanadi), kod tokenlaridagi bo'shliq qatorlari yagona bo'shliqqa siqiladi, va { } : ; , > ~ atrofidagi tinish belgisiga tegishli bo'shliq olib tashlanadi. + va - atrofidagi bo'shliqlar calc() ifodalarini buzmaslik uchun ataylab saqlanadi. Go'zallashtirish rejimida, kod avval toza bazaviy holatga kichraytiriladi, so'ng ikki-bo'shliqli chuqurlik kuzatuvi va a:hover kabi tanlagich ikki nuqtalaridan xususiyat: qiymat ikki nuqtalarini farqlash uchun deklaratsiya-ikki-nuqta aniqlash bilan qayta tokenlanadi va qayta chekinadi.
  3. 3
    Gzip o'lcham taxmini
    Chiqishni ishlab chiqargandan so'ng, brauzerning mahalliy CompressionStream API'si natijani gzip bilan siqish va olingan bayt sonini o'lchash uchun ishlatiladi. Bu gzip siqishga ega veb-server tarmoq orqali nima yuborishini aks ettiruvchi real transfer o'lchami taxminini beradi.
  4. 4
    Nusxalash yoki yuklab olish
    Qayta ishlangan CSS Clipboard API orqali buferga yoziladi, yoki text/css MIME turi bilan Blob yordamida styles.min.css (kichraytirish rejimi) yoki styles.css (go'zallashtirish rejimi) sifatida yuklab olinadi. O'lcham kamayish foizi siz yozayotganda jonli ko'rsatiladi.

Tegishli asboblar

📋

JSON formatlashtiruvchi

JSON maʼlumotlarini formatlash, tasdiqlash, kichiklashtirish va oʻrganish. Daraxt ko'rinishi, sintaksisni ajratib ko'rsatish va bir marta bosish bilan nusxalash.

Sinab ko'ring
🌐

HTML Bezovchi va Siquvchi

HTML ni to'g'ri ichma-ich chekinish bilan chiroyli chop eting yoki siqing. <pre>, <script>, <style> bloklari ichidagi kontentni saqlab qoladi.

Sinab ko'ring
📰

XML Formatlovchi va Tekshiruvchi

Brauzeringizning ichki DOM tahlilchisidan foydalanib XML ni chiroyli chop eting va tekshiring. Ishlab chiqarishda foydalanish uchun siqilgan natijani o'z ichiga oladi.

Sinab ko'ring

Ko'p so'raladigan savollar