Preskočiť na obsah

Zmenšovač HTML

Zmenšite HTML odstrániach komentáre, prebytočné medzery a prázdne atribúty.

Vstup
Výstup

Zmenšovač HTML

Vložte ľubovoľný HTML dokument alebo kód a tento nástroj vráti menšiu verziu s rovnakým vyrenderovaným výsledkom. Odstráňa komentáre, rozkladá nadbytočné medzery medzi značkami a v zoznamoch atribútov a zmizujú prázdne atribúty ako class="" ktoré prehliadač ignoruje aj tak. Použite ho pred nasadením statickej stránky, vložením šablóny do iného systému alebo vložením značiek niekam s limitom veľkosti.

Štyri možnosti riadia, ako ďaleko minifikácia zájde. "Zachovať obsah pre, textarea a script" ponechá presné medzery v týchto prvkoch nezmenené v predvolenom stave, pretože neočakávaná medzera v bloku <pre> alebo v skripte je často zmysluplná; vypnite ju len ak viete, že obsah zvláda zmenšovanie medzier. "Spojiť viacnásobné medzery v texte" premení série medzier, tabulátorov a zalomení riadkov v bežnom texte na jednu medzeru. "Odstrániť úvodzovky z jednoduchých hodnôt atribútov" zmaže úvodzovky okolo hodnôt ako id=box ktoré ich nepotrebujú podľa HTML5 špecifikácie — čokoľvek s mezerou, rovnostným znamienkom alebo ďalšou úvodzovkou zostáva v úvodzovkách. "Odstrániť voliteľné koncové značky" zmaže značky, ktoré si prehliadač sám vyrieši, ako </li> pred ďalšou <li> alebo </td> pred </tr>, podľa rovnakých pravidiel ktoré prehliadač používa na ich automatické zatvorenie.

Nástroj pracuje na surkom texte vašho značkovacieho kódu skôr než na reserializácii celého DOM, takže nikdy neprepíše veľkosť značiek alebo mien atribútov — vložený SVG s rozlišovacími prvkami ako viewBox alebo clipPath prejde nezmenený. Spracováva tak Windows ako Unix zalomenia riadkov a počítadlo pod výstupom hlási veľkosť v bajtoch pred a po minifikácii spolu s percentom ušetreným.

Všetko sa vykonáva lokálne v tvojom prehliadači — tvoj značkovací kód sa nikdy nenahrá nikde, čo to robí bezpečným pre interné šablóny alebo čokoľvek ešte nie je verejné. Skopíruj výsledok, stiahni ho ako súbor .txt alebo pošli výstup späť do vstupu pre navrstvenie ďalšieho prechodu.

Časté otázky

Zlomí to moju stránku?
Predvolené možnosti sú konzervatívne: obsah pre, textarea a script ostáva nezmenený a koncové značky sú odstránené len kde HTML5 špecifikácia hovorí že prehliadač si ich sám vyrieši. Skontrolujte výsledok pred publikovaním ak zapnete agresívnejšie možnosti.
Minifikuje to CSS a JavaScript v mojom HTML?
Nie. Obsah vnútri <style> značiek je spracovávaný ako bežný text a obsah vnútri <script> značiek je zachovaný v predvolenom stave. Použite dedikovaný CSS alebo JS minifikátor na ten kód oddelene a potom vložte kombinovanú stránku sem.
Čo sa stane s komentármi?
Všetky HTML komentáre sú odstránené, vrátane tých ktoré sa používajú na poznámky alebo značenie sekcií. Ak potrebujete zachovať konkrétny komentár, odstráňte ho zo vstupu pred vložením alebo ho znova vložte po minifikácii.
Prečo prázdny atribút alt ostáva na mojich obrázkoch?
alt="" je zmysluplný — povie technológiám na čítanie že obrázok je dekoratívny — takže tento nástroj ho ponechá aj keď odstráňa iné prázdne atribúty ako class="".
Je môj HTML nahraný niekde?
Nie. Minifikácia prebieha úplne vo vašom prehliadači pomocou lokálneho JavaScriptu — váš značkovací kód nikdy neopúšťa vašu zariadenie.