HTML a PDF

Cómo usar HTML a PDF

1. 1

   Sube el archivo HTML que quieres convertir.

2. 2

   La herramienta abre la página localmente y lanza el diálogo de impresión de tu navegador.

3. 3

   Elige "Guardar como PDF" como destino.

4. 4

   Guarda el PDF resultante en tu dispositivo.

Convertir HTML a PDF: de una página web guardada a un documento fijo

Convertir un archivo HTML a PDF sirve para congelar una página tal como se ve: una factura generada por un sistema web, un informe exportado como HTML, una plantilla de correo, la documentación de un proyecto o una página que guardaste con «Guardar como» y quieres archivar o enviar. En PDF se abre en cualquier sitio, se imprime igual y no depende de que las hojas de estilo y las imágenes sigan disponibles dentro de unos meses.

Esta herramienta no reinventa el motor de renderizado: usa el de tu propio navegador. Al subir el archivo .html, lo abre en una vista previa local y, al pulsar el botón, lanza el diálogo de impresión del navegador, donde eliges «Guardar como PDF» como destino. El resultado es el mismo PDF que produciría Chrome, Edge, Firefox o Safari al imprimir esa página, con su calidad de texto vectorial y sus enlaces.

Por qué imprimir desde el navegador da mejor resultado que un conversor de servidor

Los conversores de HTML a PDF en servidor suelen usar un motor propio que no entiende el CSS moderno: flexbox roto, fuentes sustituidas, columnas que se descolocan. El motor de impresión de tu navegador es exactamente el que ya renderizó la página en pantalla, así que lo que ves en la vista previa es lo que obtienes. Además respeta las reglas CSS de impresión (@media print, saltos de página) si el HTML las trae.

En el diálogo de impresión puedes ajustar lo que un conversor no te dejaría: tamaño de papel, orientación, márgenes, escala, si incluir cabeceras y pies con la fecha y la URL, y si imprimir los gráficos de fondo. Para una factura o un documento con colores de fondo, activa «Gráficos de fondo»; para un texto largo, prueba a reducir la escala al 90 % para ganar espacio.

• Chrome y Edge: destino «Guardar como PDF», opción «Gráficos de fondo» en Más ajustes.
• Firefox: destino «Guardar en PDF», márgenes y escala en Más ajustes.
• Safari: botón PDF en la esquina inferior del diálogo de impresión.

Imágenes, hojas de estilo y páginas web en vivo: lo que carga y lo que no

El HTML se abre localmente, y eso condiciona qué recursos externos se cargan. Las imágenes y hojas de estilo referenciadas con una URL absoluta (https://…) se cargan si tienes conexión. Las referenciadas con rutas relativas a carpetas de tu disco (imagenes/logo.png, estilos.css) no, porque el navegador no puede alcanzar esas carpetas desde la vista previa. Los archivos HTML autocontenidos —con los estilos en una etiqueta style y las imágenes incrustadas— convierten perfectos.

Si guardaste una página con «Guardar como > Página web completa», conviene abrir el archivo en el navegador y usar directamente Imprimir > Guardar como PDF, porque desde el disco sí encontrará la carpeta de recursos. Y para una web en vivo, el camino más corto es también ese: abre la página y pulsa Ctrl+P (Cmd+P en Mac). Esta herramienta está pensada para archivos HTML que ya tienes, no para descargar sitios.

Sin servidor de por medio

Todo el proceso ocurre dentro de tu navegador, con las APIs de WebAssembly y Canvas que tu dispositivo ya incluye. No se sube ningún archivo, no queda ninguna copia y nada espera en la cola de un servidor a ser borrado — por eso mismo la herramienta sigue funcionando con la conexión desactivada.

Como el PDF lo genera el propio navegador, el archivo HTML ni siquiera pasa por una conversión en la pestaña: se muestra en un marco aislado y se imprime a PDF con el motor del sistema. Facturas, extractos y documentación interna se quedan donde estaban, en tu disco.

Preguntas frecuentes

Herramientas relacionadas