HTML, CSS, JS tömörítés

A tömörítő eszköz a HTML, CSS vagy JavaScript kódot kicsinyíti a megjegyzések, felesleges szóközök és sorok törlésével. Beilleszted a kódot, kiválasztod a nyelvet, és megkapod a tömör változatot, százalékos megtakarítással együtt. Kisebb kódrészletekhez, inline stílusokhoz telepítés nélkül.

Mit csinál nyelvenként

• CSS: törli a /* */ megjegyzéseket, összevonja a szóközöket, eltávolítja őket a kapcsos zárójelek, kettőspont, pontosvessző, vessző és a > ~ + jelek körül, és a záró kapcsos előtti utolsó pontosvesszőt is.
• HTML: törli a megjegyzéseket (a feltételes IE-megjegyzéseket meghagyja), a címkék közötti szóközöket, és összevonja a többszörös szóközöket.
• JavaScript: törli a /* */ és a csak // megjegyzést tartalmazó sorokat, a behúzást és az üres sorokat. Az utasításokhoz nem nyúl.

Valós példák

Mire figyelj

A HTML-tömörítés összeragasztja a címkéket, így két egymás melletti link közti szóköz eltűnhet. CSS-ben a calc(), clamp(), min() és max() tartalma védett: a + és − körüli, ott kötelező szóközök megmaradnak (a calc(100% - 2rem) nem lesz calc(100%-2rem)). A „:” előtti szóköz a szelektorokban megmarad, mert a div :hover mást jelent, mint a div:hover; csak a deklarációkban és az @media feltételekben tűnik el. Tömörítés után teszteld az oldalt, és mindig őrizd meg az eredeti fájlt. Éles weboldalhoz a bundler a JS-változók átnevezését is elvégzi. A képek általában sokkal nagyobbak a kódnál, ezért a képtömörítés hozza a legtöbbet.

Gyakori kérdések

Frissítve: 2026. október 7.