¿Qué es HTML a PDF?

Convierte código HTML en un PDF descargable. Admite estilos CSS, imágenes, tablas y tamaños de página personalizados. Útil para facturas, informes o guardar contenido web formateado sin conexión.

Elige papel A4, A3, Letter o Legal, cambia entre vertical y horizontal y ajusta los márgenes de 0 a 20 mm. Si lo necesitas, protege el archivo con contraseña o pon números de página al pie. Renderiza CSS en línea, imágenes en base64 y tablas. La conversión usa html2pdf.js sobre html2canvas, así que una página con fuentes web o efectos avanzados puede verse un pelín distinta al preview.

Cómo usar

1. Paso 1 — Pega o escribe tu contenido HTML en el editor. La previsualización en vivo muestra exactamente cómo quedará el PDF.
2. Paso 2 — Configura los ajustes de página: elige el tamaño del papel (A4, A3, Carta, Oficio), la orientación (vertical/horizontal) y los márgenes. Si quieres, pon una contraseña o añade números de página.
3. Paso 3 — Haz clic en "Generar PDF" para crear el documento y luego descárgalo directamente en tu dispositivo.

Cuándo usar

• Convertir una plantilla HTML de factura o recibo en PDF antes de enviarla al cliente.
• Archivar un informe con gráficos y tablas como copia portable.
• Preparar material listo para imprimir partiendo de contenido web para un taller o clase.

Resultado

Un autónomo pega el HTML de su factura con el logo de la empresa, una tabla de conceptos y los totales. Configura A4 vertical con márgenes de 20 mm y descarga un PDF profesional para enviarlo por correo a su cliente.

Preguntas frecuentes

¿Por qué el PDF se ve distinto al preview en vivo?

El PDF se rasteriza con html2canvas, que pinta la página en una imagen y la mete dentro del PDF. Fuentes web que aún no cargaron, elementos position: fixed y filtros CSS pueden renderizar de manera ligeramente distinta al preview.

¿Puedo incluir imágenes alojadas en otro dominio?

Sólo si ese servidor envía cabeceras CORS abiertas. Sin ellas, html2canvas no puede leer los píxeles y la imagen sale en blanco en el PDF. Solución: descarga la imagen y la incrustas en base64, o la sirves desde el mismo origen.

¿Cómo controlo los saltos de página?

Añade la regla CSS page-break-before: always (o page-break-after) al elemento donde quieras que arranque la nueva página. Para tablas, page-break-inside: avoid en una fila la mantiene íntegra y evita cortes.

¿El texto del PDF se puede seleccionar?

Habitualmente no. Como el renderer aplana la página vía canvas, el texto acaba siendo un mapa de bits. Algunos flujos superponen una capa de texto invisible para permitir selección, pero esta herramienta produce PDFs rasterizados: legibles, pero no siempre copiables.

¿Hay un límite de tamaño para el HTML?

En la práctica unos cientos de KB de marcado o entre 10 y 15 páginas. Páginas más largas pueden agotar la memoria, porque el DOM completo se rasteriza en un único canvas antes de partirse en páginas.

Herramientas relacionadas