Saltar al contenido

Minificador HTML

Reduce HTML eliminando comentarios, espacios en blanco innecesarios y atributos vacíos.

Entrada
Salida

Minificador HTML

Pega cualquier documento o fragmento HTML y esta herramienta devuelve una versión más pequeña con el mismo resultado renderizado. Elimina comentarios, colapsa espacios en blanco redundantes entre etiquetas y dentro de listas de atributos, y quita atributos vacíos como class="" que un navegador ignora de todas formas. Úsalo antes de publicar una página estática, incrustar una plantilla en otro sistema o pegar marcado en algún lugar con límite de tamaño.

Cuatro opciones controlan qué tan lejos va la minificación. "Preservar contenido de pre, textarea y script" mantiene los espacios exactos dentro de esos elementos sin tocar por defecto, ya que un espacio extraviado dentro de un bloque <pre> o un script a menudo es significativo; desactívalo solo si sabes que ese contenido puede tolerar el colapso de espacios. "Fusionar múltiples espacios en texto" convierte las secuencias de espacios, tabulaciones y saltos de línea dentro del texto ordinario en un único espacio. "Eliminar comillas de valores de atributos simples" quita las comillas alrededor de valores como id=box que no las necesitan según la especificación HTML5 — cualquier cosa con un espacio, un signo igual u otra comilla permanece entrecomillada. "Eliminar etiquetas de cierre opcionales" quita las etiquetas de cierre que un navegador infiere por sí solo, como </li> antes de otro <li> o </td> antes de </tr>, usando las mismas reglas que los navegadores usan para cerrarlas automáticamente.

La herramienta funciona sobre el texto sin procesar de tu marcado en lugar de re-serializar un DOM completo, por lo que nunca reescribe el formato de mayúsculas de nombres de etiquetas o atributos — SVG en línea con elementos sensibles a mayúsculas como viewBox o clipPath pasa sin cambios. Maneja tanto saltos de línea de Windows como Unix, y el conteo bajo la salida informa el tamaño en bytes antes y después de la minificación junto con el porcentaje ahorrado.

Todo se ejecuta localmente en tu navegador — tu marcado nunca se carga en ningún lugar, lo que lo hace seguro para plantillas internas o cualquier cosa no aún pública. Copia el resultado, descárgalo como archivo .txt o envía la salida nuevamente a la entrada para aplicar otra pasada.

Preguntas frecuentes

¿Esto romperá mi página?
Las opciones predeterminadas son conservadoras: el contenido de pre, textarea y script se deja intacto, y las etiquetas de cierre solo se eliminan donde la especificación HTML5 dice que un navegador las infiere de todas formas. Revisa el resultado antes de publicar si activas las opciones más agresivas.
¿Minifica también el CSS y JavaScript dentro de mi HTML?
No. El contenido dentro de etiquetas <style> se trata como texto ordinario y el contenido dentro de etiquetas <script> se preserva por defecto. Usa un minificador CSS o JS dedicado en ese código por separado y luego pega la página combinada aquí.
¿Qué sucede con los comentarios?
Todos los comentarios HTML se eliminan, incluyendo los usados para notas o marcadores de sección. Si necesitas mantener un comentario específico, elimínalo de la entrada antes de pegar, o reinsértalo después de minificar.
¿Por qué un atributo alt vacío permanece en mis imágenes?
alt="" es significativo — le dice a la tecnología asistiva que una imagen es decorativa — así que esta herramienta la mantiene aunque elimina otros atributos vacíos como class="".
¿Mi HTML se carga en algún lugar?
No. La minificación se ejecuta completamente en tu navegador usando JavaScript local — tu marcado nunca abandona tu dispositivo.