Embellecedor y minificador de HTML

Embellezca o minifique HTML con su CSS y JS incrustados, errores precisos y estadísticas de tamaño.

Funciona en local · no se sube nada
Input
Output 
Qué hace
Pegue una plantilla, un correo, una página guardada desde el navegador o un bloque de HTML en una sola línea procedente de un CMS y obtenga HTML limpio y con una sangría coherente, o su versión segura más pequeña. La salida se actualiza mientras escribe.
Funciones
  • Formato con Prettier con 2 espacios, 4 espacios o tabuladores, el ancho de línea que elija y un atributo por línea para etiquetas largas.
  • También se formatea el código incrustado: los bloques <style> y <script> y los atributos style="" se embellecen con los formateadores de CSS y JavaScript. Estos analizadores adicionales solo se descargan si su documento los contiene.
  • Espacio en blanco: Respetar display de CSS (predeterminado) nunca añade ni quita espacio donde cambiaría la representación de los elementos en línea. Estricto trata todos los elementos como en línea e Ignorar formatea con libertad.
  • Minificar quita los comentarios (opcional; los comentarios condicionales como <!--[if IE]> se conservan), reduce cada grupo de espacios a uno solo y elimina el espacio junto a etiquetas de bloque como div, p, li o td. El contenido de <pre>, <textarea>, <script>, <style> y <title> se copia byte a byte y los valores de los atributos nunca se modifican.
  • Errores precisos: una etiqueta sin cerrar o una etiqueta de cierre sobrante se indica con su línea y columna, un fragmento de código con un indicador y el botón Ir al error.
  • Tamaño antes y después, número de líneas y tiempo.
Cómo usarlo
  1. Pegue HTML, abra un archivo o suéltelo sobre la entrada. Ejemplo carga una página de muestra.
  2. Elija Formatear o Minificar y ajuste las opciones.
  3. Copie o descargue el resultado. Ctrl+Enter lo ejecuta al instante; desactive En vivo con archivos muy grandes.
El minificador es prudente a propósito: no elimina etiquetas opcionales ni comillas de atributos y no reescribe el CSS ni el JavaScript en línea. Como en la mayoría de los minificadores de HTML, el espacio junto a etiquetas de bloque se elimina aunque su CSS las convierta en inline-block (por ejemplo, una lista horizontal de li), lo que puede cerrar pequeñas separaciones entre ellas.
Privacidad
El formato y la minificación se realizan en su navegador; solo se descargan de un CDN los archivos de Prettier con versión fija. Su HTML nunca se sube a ningún servidor. La última entrada se guarda en el almacenamiento local para que una recarga no la pierda. Use Borrar para eliminarla.