Compresor de HTML

Pega tu código HTML a continuación para comprimirlo y minificarlo.

HTML Original

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Example HTML</title>
    <style type="text/css">
      /* This is a sample CSS comment */
      body {
        font-family: Arial, sans-serif;
        margin: 0;
        padding: 20px;
        background-color: #f4f4f4;
      }
      .container {
        max-width: 800px;
        margin: 0 auto;
        background: #fff;
        padding: 20px;
        border-radius: 5px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
      }
    </style>
  </head>
  <body>
    <div class="container">
      
      <h1>HTML Compression Example</h1>
      <p>This is a sample HTML document to demonstrate the HTML compressor.</p>
      <ul>
        <li>Removes comments</li>
        <li>Collapses whitespace</li>
        <li>Removes optional tags</li>
      </ul>
      <button onclick="showMessage()" type="button">Click Me</button>
    </div>

HTML Comprimido

Opciones de Compresión

Eliminar comentarios HTMLEliminar etiquetas HTML opcionalesEliminar atributos vacíosEliminar espacios en blanco innecesariosColapsar atributos booleanosMinificar CSS en etiquetas <style> y atributos style (experimental)Minificar JavaScript en etiquetas <script> (experimental)

Cómo usar Compresor de HTML

1
Pega tu HTML
Copia el código fuente de tu página o un fragmento de HTML en el cuadro HTML original.
2
Elige qué eliminar
Marca las opciones de compresión que quieras, como eliminar comentarios, colapsar espacios en blanco, descartar atributos vacíos o minificar el CSS y el JavaScript en línea.
3
Comprime el código
Haz clic en Comprimir HTML para minificar el marcado y ver el tamaño original, el tamaño comprimido y el porcentaje ahorrado.

4
Copia el HTML minificado
Usa Copiar HTML comprimido para obtener el código optimizado para tu sitio o tu cadena de compilación.

Preguntas frecuentes

¿Qué elimina el compresor de HTML?

Según las opciones que actives, elimina comentarios HTML, colapsa espacios en blanco y saltos de línea innecesarios, quita atributos vacíos y opcionales, colapsa atributos booleanos y puede descartar etiquetas de cierre opcionales para reducir el tamaño del archivo.

¿Puede minificar también el CSS y el JavaScript en línea?

Sí. Hay opciones experimentales para minificar el CSS dentro de etiquetas <style> y atributos style, y para minificar el JavaScript dentro de etiquetas <script>, de modo que puedes comprimir una página entera en una sola pasada.

¿Cuánto se reducirá mi archivo?

Depende de cuántos espacios en blanco y comentarios contenga tu marcado, pero la herramienta muestra el tamaño original exacto, el tamaño comprimido y el porcentaje de reducción para que veas los bytes ahorrados en tu archivo concreto.

¿Minificar romperá mi página?

La eliminación estándar de espacios en blanco y comentarios es segura para HTML bien formado. Las opciones de minificación de CSS y JS están marcadas como experimentales, así que conviene probar la salida, sobre todo si tus scripts dependen de un formato o comentarios concretos.

¿Se sube mi HTML a un servidor?

No. La compresión se ejecuta íntegramente en tu navegador, por lo que tu código permanece en tu dispositivo. La herramienta es gratuita, no requiere registro y funciona en el móvil.

Herramientas relacionadas

Sigue trabajando con estas prácticas herramientas

Conversor de HTML a Texto

Formateador de JSON

Convertidor de Texto a HTML

Generador de Listas HTML

Generador de Tablas HTML

Probador de Regex