Softonic

HTML-minifierare

Steg 1 / 3

Klistra in ett kodavsnitt, innehållet i ett mejl eller en hel sida, upp till 1 000 000 tecken.

Nästa: välj alternativ

Klistra in HTML eller öppna en HTML-fil, välj hur mycket som ska tas bort och kopiera eller ladda ner en mindre version som visar hur många byte du har sparat. Nivån Säker slår aldrig ihop två ord, så sidan ser likadan ut och fungerar likadant, och inbäddad CSS och JavaScript minifieras också.

Så här använder du HTML-minifieraren

  1. 1

    Lägg till din HTML

    Klistra in koden i redigeraren eller öppna en .html-, .htm- eller .xhtml-fil som är sparad som UTF-8, med upp till 1 000 000 tecken.

  2. 2

    Välj nivå och alternativ

    Behåll Säker för all HTML, eller välj Maximal för en komplett sida som du ska testa. Bestäm sedan om kommentarer ska tas bort och om inbäddad CSS och JavaScript ska minifieras.

  3. 3

    Kopiera eller ladda ner resultatet

    Kontrollera den minifierade HTML-koden och storlekarna och kopiera den sedan eller ladda ner den som en fil. Om du ändrar alternativen på resultatsidan körs minifieringen igen.

Vad minifieraren ändrar

Verktyget använder html-minifier-terser, en välanvänd HTML-minifierare med öppen källkod, tillsammans med clean-css för CSS och Terser för JavaScript. Båda nivåerna behåller mellanslaget mellan ord och mellan inline-taggar som <b> och <a>. Maximal sparar mer på kompletta sidor.

Ändring Säker Maximal
Radbrytningar och flera mellanslag i rad Blir ett mellanslag Blir ett mellanslag och försvinner mellan block som <div> och <li>
Mellanslag mellan ord och inline-taggar Behålls Behålls
Valfria taggar som </p>, </li>, <head> och <body> Behålls Tas bort
Citattecken runt attributvärden Behålls Tas bort där HTML tillåter det
Booleska attribut som checked="checked" Behålls Förkortas till checked
Tomma class-, id- och style-attribut Behålls Tas bort
Avslutande snedstreck i <br/> Behålls Tas bort
type="text/javascript" och type="text/css" Tas bort Tas bort

XHTML: om du öppnar en .xhtml-fil, eller om HTML-koden börjar med en XML-deklaration som <?xml version="1.0"?>, behåller båda nivåerna valfria taggar, citattecknen runt attributvärden, booleska attribut som checked="checked" och avslutande snedstreck, och JavaScript minifieras inte. På så sätt kan resultatet fortfarande läsas som XML.

Alternativ

  • Ta bort kommentarer (på som standard): vanliga kommentarer tas bort. Kommentarer som börjar med <!--! (till exempel licensinformation), kommentarer för serverinkludering (SSI) och villkorliga kommentarer för Internet Explorer behålls.
  • Minifiera CSS (på som standard): CSS i <style>-element och style-attribut blir kortare. En @import lämnas som den är och ingenting laddas ner.
  • Minifiera JavaScript (på som standard): inbäddade skript och händelseattribut som onclick blir kortare. Lokala variabelnamn förkortas, globala namn behålls och licenskommentarer av typen /*! ... */ finns kvar. Innehållet i strukturerade data som JSON-LD minifieras inte.

Det här ändras aldrig

  • Texten i <pre> och <textarea>, där mellanslag och radbrytningar syns på sidan.
  • Teckenreferenser som &nbsp;, &amp; och &eacute;.
  • PHP-block (<?php ... ?>) och block i ASP-stil (<% ... %>), och allt mellan två <!-- htmlmin:ignore -->-kommentarer.
  • Doctype, <a name>-ankare, type="text" på inmatningsfält samt skiftläge och avslutande snedstreck i SVG.

Meddelanden som du kan se

  • Ett skript kunde inte läsas: ett inbäddat skript eller händelseattribut som inte är giltigt JavaScript i sig självt minifieras inte, och verktyget visar rad och kolumn för felet. Resten av sidan minifieras ändå.
  • Ett CSS-block kunde inte läsas: den CSS-koden minifieras inte.
  • En annan teckenuppsättning än UTF-8: nedladdningen sparas alltid som UTF-8, så ändra sidans <meta charset> till UTF-8 eller kopiera resultatet till en egen fil.
  • Ingen vinst: HTML-koden är redan så liten som de här alternativen kan göra den.

Om ett <script>- eller <style>-element aldrig stängs minifieras ingenting, och verktyget visar rad och kolumn där elementet börjar. Oavsett nivå: öppna den minifierade sidan och klicka igenom den innan du publicerar den.

Vanliga frågor

Med Säker, ja. Blanktecken slås ihop till ett mellanslag men tas aldrig bort, så <b>Hej</b> <i>världen</i> läses fortfarande som ”Hej världen” och element som står bredvid varandra behåller sitt mellanrum. Bara text som CSS visar med bevarade mellanslag, till exempel med white-space: pre, kan ändras.

På kompletta sidor som du testar innan du publicerar dem. Den sparar fler byte genom att ta bort blanktecken mellan block och valfria taggar som </p>. Kontrollera två saker: element som står bredvid varandra med display: inline-block kan förlora mellanrummet mellan sig, och ett fragment vars sista </p> har tagits bort kan svälja HTML som läggs till efter det.

När Ta bort kommentarer är på försvinner vanliga kommentarer. Kommentarer som börjar med <!--!, kommentarer för serverinkludering som <!--#include virtual="/footer.html" --> och villkorliga kommentarer för Internet Explorer som <!--[if IE]> behålls. Om du vill behålla ett avsnitt exakt som det är skrivet lägger du det mellan två <!-- htmlmin:ignore -->-kommentarer. De två markörerna tas bort.

JavaScript minifieras bara när det kan läsas som giltig kod. Om ett inbäddat skript har ett syntaxfel eller innehåller mallkod som inte är JavaScript i sig självt minifieras inte det skriptet, resten av sidan minifieras och verktyget visar rad och kolumn för felet.

Nej. HTML-koden som du klistrar in eller öppnar stannar i din webbläsare. Den skickas inte till våra servrar och läggs inte till i sidans länk. Mellan stegen sparas den i den här webbläsarfliken tills du stänger fliken eller väljer Börja om från början. Sidan laddar ner minifierarens kod när du ber om ett resultat och meddelar vår server att en minifiering har gjorts, utan HTML-koden.

Upp till 1 000 000 tecken, inklistrade eller öppnade från en fil som är sparad som UTF-8. Om en fil använder en annan teckenkodning säger verktyget till: öppna den i en textredigerare, kopiera HTML-koden och klistra in den här i stället. En körning som tar längre än 30 sekunder avbryts. Försök i så fall med en kortare del av HTML-koden.

Relaterade verktyg

ASCII-tabellreferens

Full ASCII-tabell från 0 till 127 med decimal-, hex-, oktal- och binärvärden samt notation för numeriska HTML-referenser, inklusive NUL, LF och DEL.

CSS-pilgnerator

Skapa lokalt en CSS-pil med riktning, färg, storlek och ramens tjocklek och kopiera sedan regeln.

HTML-teckenreferens

En sökbar lista över HTML-entiteter med deras namngivna och numeriska koder samt kopiering med ett klick för specialtecken och symboler.

Generator för platshållarbilder

Skapa en bild på 1–4000 px med egna färger och text, ladda ned PNG eller kopiera webbadress och HTML.

HTML-formaterare

Gör HTML lättare att läsa med indrag på två eller fyra blanksteg. Text och attribut lämnas intakta. Granska eventuella nya radbrytningar och blanksteg mellan block.

Referens för kortkommandon

Sök dokumenterade standardkommandon för VS Code, Chrome och Bash med GNU Readline i macOS, Windows och Linux.

Verktyget finns på andra språk