CSS-tömörítő

Kompresszi a pasztált CSS snippets vagy a helyi .css fájlok közvetlenül a böngészőben. a stíluslap nem tölthető fel, bejelentkezik, vagy küldik egy API.

Kattintson a CSS fájl kiválasztására vagy letölti itt

A CSS-t közvetlenül az alábbi szerkesztőbe is beillesztheti.

0 bájt

0 bájt

Kész

A konzervatív CSSO beállítások

A szabványos futás eltávolítja a megjegyzéseket és a fehér helyet, de a strukturális optimalizációkat kikapcsolja, hogy elkerüljék a kockázatos stíluslapok újraírását.

Részlet- és fájlbevitel

Távolítsa el a CSS, full stylesheets, media queries, custom properties, or load a local .css file.

Biztonságos mérés

Az Analytics csak méretét és csökkentését használja. CSS forrás, URL-k, kiválasztók, megjegyzések és fájlnevek maradnak távol a telemetriából.

Gyakran ismételt kérdések

A CSS-t a Convertrra töltötte fel?

A minifájl a böngésző JavaScript-jével működik.Az előző CSS és a kiválasztott fájlok nem kerülnek átadásra a Convertr szerverekre.

Miért nem engedélyezhető a strukturális optimalizáció alapértelmezett?

Néhány agresszív CSS átirányítások megváltoztathatják a kaszkád viselkedését. Az első verzió tartja a tömörítést konzervatívnak és a biztonságos minifikációra összpontosít.

Mi történik, ha a CSS-nek van egy szintax hiba?

A parser hiba a figyelmeztető panelben jelenik meg, így a kiadás másolásával meg lehet javítani a stíluslapot.

Kapcsolódó fejlesztői eszközök

SCSS Fordító Sass/SCSS snippets online összeállítása CSS Színkonvertáló CSS színek konvertálása CSS Gradient Generátor CSS gradiensek helyi létrehozása WCAG Színkontraszt Ellenőrző Ellenőrizze az akadálymentes színkontrasztot HTML-tömörítő HTML töredékek tömörítése SVG Optimalizáló SVG-kód tömörítése Fejlesztői Eszközök Tallózás a böngésző segédprogramjai között

CSS-tömörítő

Távolítsa el a biztonságos formázást és megjegyzéseket a múltbeli CSS-ről, hogy csökkentsék az átutalási méreteket.

Bemenet
CSS forráskód szöveg és a rendelkezésre álló minifikációs opciók.
Kimenet
A mikro CSS-k további Before-and-After Size Információk.
Valódi korlátozások
A minifikáció nem szemantikus validáció, előállítási vagy halott kód eltávolítása; rosszindulatú CSS és szokatlan hacks kézi felülvizsgálatot igényelhetnek.
Adatvédelem és adatkezelés
A CSS forráskód szövegét és a rendelkezésre álló minifikációs opciókat ebben a böngészőben feldolgozzák.A konverter nem kapja meg vagy tárolja azt; az oldal bezárása vagy újratöltése tisztítja a munkaállapotot, kivéve, ha az eszköz kifejezetten helyi letöltést kínál.

Hogyan használjuk ezt az eszközt

  1. A CSS forráskód szövegét és a rendelkezésre álló minifikációs lehetőségeket az eszközvezérlőkben biztosítja.
  2. Válassza ki a beállításokat, amelyek befolyásolják a miniatűr CSS plusz előre-és utána méret információkat, majd futtatja az eszközt.
  3. A miniatűr CSS plusz előre és után méretű információk felülvizsgálata a másolás vagy letöltés előtt.

Gyakori hibák

A záratlan blokkok, a nem érvényes szalagok vagy a szintax, amit a parser nem érti, hibaként térnek vissza a módosított kimenetel helyett.

Gyakorlati példa

A .card szabályt a nyomtatott indentáció, megjegyzések és felesleges helyek eltávolításával minifikálja, miközben megőrzi a nyilatkozatokat.