Compresor / Formatator CSS

Lipiți codul CSS și faceți clic pe Formatare pentru a-l formata cu indentare corectă, sau pe Comprimare pentru a-l comprima. Toată procesarea are loc în browserul dumneavoastră.

Despre minimizatorul / formatorul CSS

Acest instrument procesează CSS în întregime în browserul dumneavoastră. Nicio dată nu este trimisă către vreun server.

  • Formatare: Formatează CSS-ul minimizat cu indentare corectă și întreruperi de linie pentru lizibilitate.
  • Minimizare: Elimină spațiile albe, comentariile și caracterele inutile pentru a reduce dimensiunea fișierului.

Minificarea este o optimizare de transport, nu un pas pe care să îl păstrați în sursă. Scoateți comentariile și spațiile pentru ce ajunge în producție, păstrați copia lizibilă pentru ce editați. Pe un server cu compresie deja activă câștigul este mai mic decât se așteaptă lumea, fiindcă gzip se descurcă foarte bine cu spațiile repetate, dar tot ajută și nu costă nimic.

Instrumente înrudite

Convertor Markdown in HTML Convertor HTML în Markdown Convertor de culori

Vă stă marcajul în cale?

Entitățile cu escape, codificările stricate și conținutul care arată într-un fel în CMS și în alt fel pe pagină înseamnă de obicei că ceva din lanț ghicește. Construim interfețe și drumul de publicare din spatele lor, ca vizitatorul să vadă ce ați scris.

Să vorbim despre site-ul dumneavoastră

Întrebări frecvente

Cât economisește de fapt minificarea?
Mai puțin decât ați crede odată ce compresia este pornită, fiindcă gzip comprimă deja eficient spațiile repetate. Economia este reală, dar de obicei modestă; câștigul mai mare stă în regulile pe care nu le mai folosește nimeni.
Îmi va strica foaia de stil?
Nu, dacă intrarea este validă. Comentariile și spațiile nu au înțeles în CSS, cu o excepție: spațiul din selectorul descendent este semnificativ, iar un minificator care îl scoate schimbă regula. Acesta îl păstrează.
Îmi pot recupera formatarea?
O puteți face din nou lizibilă, dar nu puteți recupera originalul: comentariile s-au dus, la fel și alegerea autorului privind rândurile. Înfrumusețarea produce un aspect uniform, nu al dumneavoastră, de aceea copia sursă este cea de păstrat.
Să minific de mână?
Doar pentru o dată. Ce publicați cu regularitate ar trebui minificat în procesul de build, ca versiunea lizibilă să rămână cea pe care o editați. Pagina aceasta e pentru cazul izolat și pentru a verifica ce a produs un build.
CSS-ul meu este încărcat undeva?
Nu, este prelucrat în browserul dumneavoastră. Contează mai mult decât pare: o foaie de stil dezvăluie adesea nume interne de clase, funcții nelansate și structura unui site înainte de lansare.