Minificator CSS

Comprimă fragmente CSS lipite sau fișiere .css locale direct în browserul tău. Foaia de stil nu este încărcată, înregistrată sau trimisă la un API.

Faceți clic pentru a alege un fișier CSS sau descărcați-l aici

Puteți, de asemenea, să introduceți CSS direct în editorul de mai jos.

0 octeți

0 octeți

Gata

Setări CSSO conservatoare

Run-ul de preferință îndepărtează comentariile și spațiul alb, dar menține optimizarea structurală disabil pentru a evita redescoperirea riscătoare a etichetei de stil.

Intrare fragment și fișier

Lipește CSS parțial, foi de stil complete, media queries, proprietăți personalizate sau încarcă un fișier .css local.

Măsurare sigură

Analytics utilizează numai bucket-uri de dimensiune și reducere. Sursa CSS, URL-urile, selectorii, comentariile și numele de fișier rămân în afara telemetriei.

Întrebări frecvente

CSS-ul meu este încărcat în Convertr?

Nu. minifierul funcționează local cu JavaScript browser. CSS trecut și fișierele selectate nu sunt trimise la serverele Convertr.

De ce este dezactivată optimizarea structurală în mod implicit?

Unele recrieri agresive CSS pot schimba comportamentul cascadelor. prima versiune menține compresia conservatoare și se concentrează pe minificarea sigură.

Ce se întâmplă când CSS are o eroare de sintaxă?

Eroarea de parser este afișată în panoul de avertizări, astfel încât să poți corecta foaia de stil înainte de a copia rezultatul.

Instrumente de dezvoltare conexe

SCSS Compilator Compilați Sass/SCSS snippets online Convertor de culori CSS Convertiți culorile CSS Generator de gradient CSS Creează gradiente CSS local Verificator Contrast Culoare WCAG Verificați contrastul accesibil al culorilor Minificator HTML Comprimă fragmente HTML Optimizator SVG Comprimați codul SVG Instrumente pentru dezvoltatori Răsfoiți utilitățile browserului

Minificator CSS

Eliminați formatarea sigură și comentariile din CSS lipit pentru a reduce dimensiunea transferului.

Intrare
Textul sursă CSS și opțiunile disponibile de minificare.
Ieșire
CSS minificat plus informații despre dimensiunea înainte și după.
Limitări reale
Minificarea nu este validarea semantică, prefixarea sau eliminarea codului mort; CSS defectuos și hack-uri neobișnuite pot necesita o revizuire manuală.
Confidențialitatea și gestionarea datelor
Textul sursă CSS și opțiunile de minificare disponibile sunt procesate în această filă de browser. Convertr nu le primește sau stochează; închiderea sau reîncărcarea paginii șterge starea de lucru, cu excepția cazului în care instrumentul oferă explicit o descărcare locală.

Cum să utilizați acest instrument

  1. Furnizați textul sursă CSS și opțiunile disponibile de minimizare în controalele instrumentului.
  2. Alege setările care afectează CSS-ul minificat plus informațiile de dimensiune înainte și după, apoi rulează instrumentul.
  3. Revizuiți CSS-ul minificat plus informațiile de dimensiune înainte și după înainte de a copia sau descărca.

Moduri comune de eșec

Blocurile neînchise, șirurile invalide sau sintaxa pe care parserul nu o poate înțelege sunt returnate ca eroare în loc de ieșire modificată.

Exemplu util

Minimizați o regulă .card formatată prin eliminarea indentării, comentariilor și spațiilor inutile, păstrând în același timp declarațiile sale.