Jak używać
- Wklej CSS do edytora wejściowego.
- Zaznacz „Usuń komentarze”, aby usunąć zwykłe komentarze między regułami i deklaracjami.
- Zaznacz „Skracaj wartości”, jeśli chcesz skrócić zapis kolorów szesnastkowych i liczb.
- Zaznacz „Usuń ostatni średnik”, aby usunąć średnik przed każdym zamykającym nawiasem klamrowym.
- Skopiuj zminifikowany CSS z edytora wyjściowego.
Przykłady
Zachowanie nagłówka licencyjnego
Dane wejściowe
/*! MIT — style sklepu */
/* Karta produktu */
.produkt {
color: #333333;
padding: 16px;
}
Wynik
/*! MIT — style sklepu */
.produkt{color:#333333;padding:16px}Skrócenie wartości w przycisku
Dane wejściowe
.przycisk {
color: #FFFFFF;
margin: 0px 0.50em 10.0px;
opacity: 0.80;
flex: 1 1 0px;
}
Wynik
.przycisk{color:#fff;margin:0 .5em 10px;opacity:.8;flex:1 1 0px}Układ responsywny z zachowaniem komentarzy i średników
Dane wejściowe
/* Układ katalogu */
@media screen and ( min-width : 768px ) {
.katalog > .produkt {
width: calc(100% - 24px);
}
}
Wynik
/* Układ katalogu */
@media screen and (min-width:768px){.katalog>.produkt{width:calc(100% - 24px);}}Wskazówki
- Potrzebujesz znów czytelnego CSS? Sformatuj go.
- Zminifikuj też HTML.
FAQ
Czy minifikacja CSS usuwa potrzebne spacje w calc()?
Narzędzie zachowuje spacje wokół operatorów w calc(), min(), max() i clamp(). Nie zmienia też treści ciągów znaków ani zawartości url().
Czy minifikator łączy powtarzające się selektory?
Powtarzające się selektory nie są łączone. Kolejność reguł i deklaracji pozostaje bez zmian, a powtórzone deklaracje używane jako wartości zapasowe są zachowywane.
Jak duży plik CSS mogę wczytać?
Możesz wczytać plik .css lub .txt o rozmiarze do 10 MB. Minifikacja automatyczna działa dla danych do 200 KB; powyżej tego progu trzeba uruchomić ją ręcznie.
Czy mój CSS jest wysyłany na serwer?
Kod CSS jest przetwarzany w przeglądarce i nie jest wysyłany przez narzędzie na serwer. Zapisywane są ustawienia opcji, nie kod CSS; zdarzenia analityczne również nie zawierają CSS.