TextArray
100% helyi

CSS-minifikáló

Minifikáld a CSS-t a megjegyzések és szóközök eltávolításával, az értékek módosítása nélkül.

Bemenet
Kimenet
Kapcsolódó eszközök
SQL-minifikálóFejlesztői eszközökJSON formázó és ellenőrzőFormázásHTML-címkék eltávolításaSzövegtisztításHTML entitások kódolása és dekódolásaKódolás és átalakítás
CSS-minifikáló
Illeszd be a stíluslapot, és az eszköz visszaadja a tömörített változatát: eltávolítja a megjegyzéseket, összevonja a szóközöket, és törli minden blokk utolsó pontosvesszőjét. Jól jön, ha kiadás előtt minden bájtot meg akarsz spórolni, ha a kritikus CSS-t közvetlenül az oldal fejlécébe illeszted, ha HTML e-mail sablonba kell beszorítanod a stílusokat, vagy ha csak kíváncsi vagy, a fájl mekkora része puszta formázás — a kimenet alatti összegzés mutatja a bájtokat és a megtakarítás százalékát.
A minifikáló valóban értelmezi a CSS-t, nem vakon cserél szöveget, így a kényes részek érintetlenek maradnak: a karakterláncok minden karaktere megmarad, a calc() kifejezések megtartják az operátorok körüli szóközöket, az url() értékek változtatás nélkül másolódnak át, és egy leszármazott-szelektor, mint az „a :hover”, soha nem olvad össze „a:hover” alakra. Amit szándékosan nem tesz: nem írja át az értékeket — a színek, mértékegységek és rövidített formák pontosan úgy jönnek ki, ahogy írtad. Őszinte szóköz- és megjegyzés-minifikáló, nem szabályokat átszervező optimalizáló.
Két beállítás finomítja a kimenetet. A „/*! megjegyzések megtartása” megőrzi a /*! kezdetű megjegyzéseket — ez a licencfejlécek konvenciója, amelyeknek túl kell élniük a minifikálást; kikapcsolva ezek is eltűnnek. A „Soronként egy szabály” minden legfelső szintű szabály után új sort kezd, így az eredmény könnyebben olvasható és diffelhető, mint egyetlen hosszú sor.
Minden a böngésződben fut. A CSS sehová nem töltődik fel, így a céges stíluslapok és a még nem publikált dizájnok az eszközödön maradnak.
Gyakori kérdések
Átírja a színeket, mértékegységeket vagy rövidített formákat?
Nem. Csak a megjegyzéseket, a felesleges szóközöket és a blokkok utolsó pontosvesszőjét távolítja el. Az értékek, a szelektorok és a tulajdonságok sorrendje pontosan úgy jön ki, ahogy írtad — nem szervezi át és nem optimalizálja a szabályokat úgy, mint egy build-eszköz minifikálója.
Nem romlanak el a kényes értékek, mint a calc() vagy az url()?
Nem. Az eszköz értelmezi a CSS-t: a karakterláncok karakterről karakterre megmaradnak, a calc() megtartja az operátorok körüli kötelező szóközöket, az url() tartalma pedig változtatás nélkül másolódik át.
Mik a /*! megjegyzések, és miért érdemes megtartani őket?
A /*! kezdetű megjegyzés a licencfejlécek konvenciója, amelyeknek túl kell élniük a minifikálást. A „/*! megjegyzések megtartása” alapértelmezetten be van kapcsolva; kikapcsolva ezek is eltűnnek, mint bármely más megjegyzés.
Feltöltődik valahová a CSS-em?
Nem. A minifikálás teljes egészében a böngésződben fut, és a stíluslap soha nem hagyja el az eszközödet.