Formateador y minificador de HTML
Embellece HTML desordenado o minifícalo para producción
Sobre esta herramienta
Embellece HTML salido de un bundler, un scraper o un editor WYSIWYG: los elementos se indentan al ancho que elijas, los atributos se quedan en su línea y el contenido de pre/textarea se deja intacto byte a byte. El modo minificar elimina los comentarios y colapsa el espacio en blanco entre etiquetas — típicamente un recorte de tamaño del 10–25% en páginas escritas a mano.
La minificación es aquí deliberadamente conservadora: los scripts y estilos en línea están protegidos, los comentarios condicionales sobreviven, y los espacios simples entre elementos en línea se conservan para que «haz clic <a>aquí</a> ahora» no se fusione en «hazclicaquíahora». Obtienes un minificado seguro, no uno agresivo al máximo.
Ambas operaciones corren localmente en tu navegador — las páginas sin publicar y el marcado de paneles de administración internos nunca salen de tu máquina.
Preguntas frecuentes
- ¿Minificar romperá mi JavaScript o CSS en línea?
- No — los bloques <script>, <style>, <pre> y <textarea> quedan totalmente excluidos del colapso de espacios. Solo se toca el marcado entre etiquetas. Para comprimir los scripts en sí, pásalos por separado por el minificador de JavaScript.
- ¿Por qué es seguro eliminar el espacio en blanco entre etiquetas?
- En su mayor parte lo es: el espacio en blanco entre elementos de bloque no tiene efecto visual. Entre elementos en línea sí lo tiene, y por eso el minificador colapsa las series a un solo espacio en lugar de borrarlas. Los diseños que dependen de trucos de espacio con inline-block son la rara excepción que merece un vistazo.
- ¿El formateador arregla HTML inválido?
- Formatea lo que le das sin validar contra la especificación HTML — las etiquetas sin cerrar siguen sin cerrar. Los navegadores son indulgentes con el tag soup, así que el formateo aun así te ayuda a ver la estructura lo bastante bien como para detectar el problema.
- ¿Qué ancho de indentación debería usar?
- 2 espacios es la convención dominante en las bases de código web y el valor por defecto de la mayoría de guías de estilo de frameworks. Elige 4 si tu equipo lo estandarizó — la elección es cosmética.