HTML a PDF

Sobre convertir HTML a PDF

Tienes un archivo HTML — un informe de un programa, un correo guardado, una plantilla de factura, una página que escribiste tú — y lo necesitas como PDF para enviarlo o imprimirlo.

Pega el HTML o abre el archivo .html. La herramienta muestra una vista previa en vivo y luego coloca el documento en páginas Carta o A4, usando el CSS propio del documento: sus fuentes, colores, bordes y tablas. Los documentos largos se dividen en páginas entre párrafos, filas de tabla y elementos de lista, y la fila de encabezado de una tabla se repite en cada página.

Todo ocurre en tu navegador. El HTML nunca se sube y los scripts que contenga se eliminan antes de mostrarlo.

Funciones

• Pega HTML o abre un archivo — una página completa o solo un fragmento; suelta el archivo en el cuadro de texto
• Tu propio CSS — bloques <style>, estilos en línea y hojas de estilo https:// (como Bootstrap desde una CDN)
• Imágenes — se cargan las imágenes https:// y data:; para las imágenes guardadas junto al archivo .html, añádelas con el mismo botón
• Saltos de página limpios — entre bloques, elementos de lista y filas de tabla, repitiendo el encabezado de la tabla
• Carta, A4 o A5, vertical u horizontal, tres tamaños de margen, números de página opcionales
• Descarga con un clic — el PDF se crea en segundo plano mientras editas, con vista previa en vivo y miniaturas de las páginas
• Seguro — se eliminan los scripts y los controladores de eventos (DOMPurify) y no se envía nada a ninguna parte

Qué puede hacer y qué no

• No puede abrir una dirección web. Una página web en tu navegador no tiene permiso para descargar otro sitio web — es una regla de seguridad del navegador, y saltarla requiere un servidor, que este sitio no usa para tus archivos. Para guardar una página web que estás viendo, pulsa Ctrl+P (Cmd+P en Mac) y elige Guardar como PDF. Funciona en todos los navegadores modernos.
• Las imágenes con una ruta de tu ordenador (como images/logo.png) no las puede encontrar el navegador por sí solo. Haz clic otra vez en Abrir .html (+ imágenes) y elige también los archivos de imagen — se emparejan por el nombre del archivo.
• El texto del PDF forma parte de una imagen de cada página, por lo que no se puede seleccionar ni buscar. Así todas las fuentes y escrituras se ven bien — la página la dibuja tu navegador. Para un PDF con texto seleccionable a partir de texto plano, usa TXT a PDF; para hacer buscable un PDF de tipo escaneado, usa OCR PDF.
• Los scripts no se ejecutan, así que las páginas que crean su contenido con JavaScript (gráficos, algunas aplicaciones web) salen vacías donde el script habría dibujado.

Usos habituales

• Informes y exportaciones — informes de pruebas, analítica y registros que los programas guardan como .html
• Correos y boletines guardados (.html) para conservar o imprimir
• Facturas, recibos y cartas hechos con una plantilla HTML
• Documentación y páginas de ayuda guardadas para leer sin conexión
• Tu propio HTML y CSS — comprueba cómo se ve en papel una página imprimible

Preguntas frecuentes

¿Cómo convierto un archivo HTML a PDF?

Haz clic en Abrir .html (+ imágenes) y elige el archivo, o pega el HTML en el cuadro. Revisa la vista previa, elige Carta o A4 y haz clic en Descargar PDF. El PDF se crea mientras editas, así que basta un clic para guardarlo.

¿Puedo convertir una página web a partir de su dirección (URL)?

No con esta herramienta. Una página en tu navegador no puede descargar otro sitio web — eso requiere un servidor. Abre la propia página web, pulsa Ctrl+P (Cmd+P en Mac) y elige Guardar como PDF. O copia el HTML de la página (clic derecho → Ver código fuente de la página) y pégalo aquí.

¿Por qué faltan mis imágenes?

Las imágenes con una ruta como images/photo.jpg están en tu ordenador, y el navegador no puede leer tus carpetas por sí solo. Añade los archivos de imagen con Abrir .html (+ imágenes) — se emparejan por el nombre del archivo. Las imágenes de direcciones https:// solo aparecen si ese sitio web lo permite.

¿Puedo seleccionar el texto del PDF?

No. Cada página se guarda como una imagen de la página, y por eso todas las fuentes e idiomas se ven bien. Si necesitas texto seleccionable, convierte texto plano con TXT a PDF o Markdown con Markdown a PDF.

¿Funciona mi CSS?

Sí — bloques <style>, atributos style="" y hojas de estilo enlazadas con una dirección https:// completa. El documento se maqueta en su propio marco, así que solo se usa su propio CSS. Las reglas dentro de @media print no se aplican; la página se dibuja tal como se ve en pantalla.

¿Se sube mi HTML?

No. La conversión se hace en tu navegador, en tu propio dispositivo. El último HTML que usaste solo se guarda en este navegador.

Cómo se usa

• Pega tu HTML en el cuadro — o haz clic en Abrir .html (+ imágenes), o suelta el archivo en el cuadro
• Si el HTML usa imágenes de tu ordenador, añade también esos archivos de imagen
• Revisa la vista previa
• Elige el tamaño de página, la orientación y los márgenes, y si quieres añadir números de página
• Haz clic en Descargar PDF — el PDF se actualiza solo después de cada cambio, así que siempre está listo