HTML a PDF v1.0

Un conversor de HTML a PDF es una herramienta que carga una página web (o un archivo .html) en un navegador y la imprime como documento PDF con texto seleccionable. El problema habitual no es convertir, sino que el resultado se parezca a la web original: columnas descolocadas, el aviso de cookies impreso encima del texto y un diseño de móvil donde esperabas el de escritorio. El conversor de HTML a PDF de DocPivot ataca justo esa parte, porque te deja elegir a qué anchura se dibuja la página antes de imprimirla. Es gratis, sin registro y el archivo se borra a los 30 minutos.

Qué es el conversor de HTML a PDF de DocPivot

Es un conversor que renderiza la página con Chrome en modo headless y la imprime a PDF con los parámetros de papel que elijas. No usa un importador de suite ofimática, así que el CSS moderno sobrevive: degradados, flexbox y grid se dibujan como en el navegador, no reinterpretados por un motor pensado para texto. Acepta dos entradas, una dirección web pegada o un archivo .html subido, y devuelve un PDF cuyo texto se puede seleccionar, copiar y buscar con Ctrl+F.

Lo usan sobre todo perfiles que necesitan dejar constancia de algo que vive en una web: gestorías que archivan confirmaciones de pedido, autónomos que guardan la ficha de un anuncio antes de que desaparezca, y diseñadores que enseñan una maqueta a un cliente.

El problema de fondo es viejo: al imprimir desde el navegador, Chrome cambia a la hoja de estilos de impresión y lo que sale no es lo que veías. Aquí decides la anchura de renderizado antes de que se dibuje nada. Si trabajas con documentos de oficina en lugar de páginas web, la ruta natural es convertir Word a PDF, que parte de un archivo ya paginado.

Por qué tu PDF no se parece a la página web

Casi siempre es por la anchura del viewport en el momento del renderizado, no por la calidad del conversor. Una web responsive no tiene un solo diseño: tiene varios, y el navegador elige según los píxeles de ancho disponibles. Si el conversor dibuja a 800 px porque ese es el ancho útil de un A4, la web entrega su columna de móvil, y ese es el diseño que acaba en el papel.

Hay un segundo factor que casi nadie menciona: el media type. Al imprimir, el navegador activa las reglas @media print, que muchos sitios usan para ocultar menús y forzar una columna única. Ese es el motivo real de que falten colores o bloques enteros, y por eso el consejo típico de «pon horizontal y baja la escala al 80 %» es un parche.

Los tres ajustes que de verdad cambian el resultado:

• La anchura de renderizado. Determina qué versión del diseño ve el navegador antes de imprimir.
• La emulación de pantalla. Evita que se dispare la hoja de estilos de impresión del sitio.
• Los fondos. Deciden si se conservan colores e imágenes de fondo o se descartan.

El conversor fija el viewport por protocolo antes de navegar y emula medio pantalla. Ese orden importa: hacerlo después solo reajusta una página cuya hoja de estilos ya estaba elegida. Si el resultado trae márgenes desproporcionados, puedes corregirlo con la herramienta para recortar márgenes de un PDF.

Principales ventajas

• Cuatro anchuras a elegir. Escritorio 1280, panorámica 1920, tablet 768 o móvil 390 px, según la versión del sitio que quieras conservar.
• Motor de navegador real. Chrome dibuja la página, así que el CSS moderno se respeta en lugar de reinterpretarse.
• La página en vivo, no una copia. Se carga el sitio real y sus scripts se ejecutan, así que el contenido cargado por JavaScript aparece.
• Avisos de cookies fuera. Los muros de consentimiento y las capas superpuestas se ocultan antes de imprimir, sin cerrarlos a mano.
• Vista previa antes de convertir. Ves una captura en vivo hecha por el mismo motor que hará la conversión.
• Texto vivo, no una foto. El PDF sale con texto seleccionable y buscable.

Funciones clave

• Anchura de renderizado. Cuatro viewports que se aplican antes de cargar la página, no después.
• Diseño paginado o continuo. O reparte el contenido en hojas, o mide el documento y crea una única página tan larga como haga falta.
• Tamaños de papel reales. A4, Carta, Legal y A3, en vertical u horizontal, pasados a Chrome como parámetros de impresión.
• Cuatro niveles de margen. Sin márgenes, pequeños, normales o grandes, según el destino del PDF.
• Ocultado de banners. Los avisos se detectan por nombre y por forma, cuando algo está fijado en pantalla y es lo bastante grande como para tapar el texto.
• Control de fondos. Conserva los colores e imágenes de fondo o descártalos para un PDF más ligero.
• Escalado a la hoja. El diseño de escritorio se reduce para caber en el papel sin cortar la columna por los lados.

Cuando el resultado va a un archivo compartido, suele convenir numerar las páginas del PDF antes de enviarlo, sobre todo si el documento pasa de diez hojas.

Cómo funciona

1. Elige el origen. Pega la dirección de la página o sube tu archivo .html desde el ordenador.
2. Fija la anchura. Selecciona escritorio, panorámica, tablet o móvil según la versión que quieras en el papel.
3. Ajusta el papel. Tamaño, orientación, márgenes, y decide si prefieres hojas o una página continua.
4. Revisa la vista previa. DocPivot renderiza la página con el mismo motor que hará la conversión, para que veas el resultado antes de confirmar.
5. Convierte y descarga. El PDF se genera en cola en el servidor y queda listo en segundos.

Si el documento pesa más de lo que admite el correo de tu gestoría, pásalo por el compresor de PDF antes de adjuntarlo.

Cuándo usar este conversor

Tiene sentido siempre que necesites una copia fiel de algo que vive en una web y puede cambiar o desaparecer.

• Confirmaciones de pedido. La pantalla de «gracias por tu compra» de WooCommerce o PrestaShop, guardada antes de cerrarla.
• Anuncios de segunda mano. Una ficha de Wallapop, Vinted o Milanuncios como prueba de lo publicado y a qué precio.
• Fichas inmobiliarias. Un piso de Idealista o Fotocasa antes de que el anuncio se actualice.
• Convocatorias de oposiciones. Bases autonómicas que conviene archivar el día que salen.
• Documentación técnica. Páginas de manual o de API para leerlas sin conexión.

Hay un caso en el que no sirve: las páginas que solo existen tras iniciar sesión. El renderizado es anónimo, así que un justificante de la sede electrónica de la AEAT al que llegas con Cl@ve o certificado FNMT no se puede convertir por dirección. Para eso, imprime desde tu propio navegador ya autenticado.

Casos de uso en el mercado español

Gestoría que archiva justificantes de compra

Contexto: una gestoría conserva confirmaciones de compra online de clientes autónomos para el IVA trimestral.

• Pega la dirección de la confirmación mientras la página siga siendo pública.
• Elige escritorio 1280 y A4 vertical con márgenes normales.
• Archiva el PDF con el número de pedido.

Resultado: un justificante con texto buscable, localizable por importe sin abrirlo.

Vendedor que documenta un anuncio

Contexto: un vendedor de Wallapop deja constancia del estado y el precio publicados antes de cerrar la venta.

• Copia la dirección del anuncio con el ocultado de avisos activado.
• Selecciona página continua para que la ficha no se parta entre hojas.
• Descarga el PDF con las fotos y la descripción en un solo bloque.

Resultado: una copia íntegra del anuncio, útil si más tarde hay una reclamación.

Estudio de diseño que presenta una maqueta

Contexto: un estudio enseña tres versiones de una home a un cliente que revisa en el móvil.

• Renderiza cada versión a 1920 px para conservar el diseño panorámico.
• Marca fondos activados para que los degradados se impriman.
• Junta los tres PDF en un único documento antes de enviarlo.

Resultado: una propuesta que se abre en cualquier móvil sin descolocarse. La herramienta de unir PDF resuelve ese último paso.

Opositor que guarda unas bases

Contexto: una convocatoria de un boletín autonómico que se consulta a diario durante meses.

• Convierte la página con márgenes grandes para poder anotar al lado.
• Usa A4 vertical y conserva el texto seleccionable para buscar plazos.

Resultado: las bases disponibles sin conexión aunque la web cambie. Si luego quieres quedarte solo con el apartado de plazos, puedes dividir el PDF por páginas.

Dirección web o archivo .html: cuál conviene

Pega la dirección siempre que puedas, porque un archivo .html subido se renderiza más pobre que la misma página buscada por su dirección. El motivo es sencillo: el archivo llega solo, sin su hoja de estilos, sus imágenes ni sus tipografías, que en una web viven en archivos aparte. El navegador dibuja entonces la estructura, pero no el aspecto.

• Dirección web: páginas públicas, contenido cargado por JavaScript, diseños que dependen del CSS del sitio.
• Archivo .html: plantillas de correo, facturas generadas por un sistema, documentos con los estilos escritos dentro.

Si tu archivo tiene los estilos en línea o dentro de una etiqueta <style>, la subida funciona bien. Si depende de un .css externo, el resultado será texto plano sobre fondo blanco. Para documentos que ya son texto sin formato, la ruta directa es convertir TXT a PDF, y para gráficos vectoriales existe la conversión de SVG a PDF.

Privacidad, RGPD y dónde se procesa tu página

Esta conversión se ejecuta en el servidor, no en tu navegador, y conviene decirlo con claridad. Renderizar una web exige un navegador completo cargando la página: la dirección que pegas se resuelve desde el servidor y el archivo que subes viaja hasta él. No es un procesamiento local, y presentarlo como tal sería inexacto.

• Perfil desechable por trabajo. Cada conversión usa un perfil de navegador creado para ella y destruido al acabar, sin cookies heredadas de otra.
• Borrado a los 30 minutos. Tanto el archivo subido como el PDF resultante se eliminan dentro de esa ventana.
• Sin terceros. No hay clave de API ni servicio externo detrás: el renderizado ocurre en la propia infraestructura de DocPivot.
• Sin redes privadas. La dirección se valida antes de arrancar el navegador y en cada redirección.

El principio de minimización de datos del RGPD y de la LOPDGDD apunta a una regla sencilla: no envíes a un servicio online lo que puedas resolver en local. Si la página contiene datos personales de terceros (una nómina, un listado de clientes, un expediente médico), la opción prudente es imprimir a PDF desde tu propio navegador. Para páginas públicas, contenido comercial o documentación técnica, la conversión en servidor no plantea ese conflicto. Y si el PDF resultante lleva información que no debe circular, puedes proteger el PDF con contraseña o tachar datos sensibles antes de compartirlo.

Accesibilidad: por qué importa el texto seleccionable

Un PDF generado por Chrome conserva el texto como texto, y eso tiene consecuencias legales en España. El Real Decreto 1112/2018 obliga a los sitios del sector público a cumplir requisitos de accesibilidad, y los documentos publicados en ellos entran en el alcance. Un PDF que es una captura resulta ilegible para un lector de pantalla; uno con texto real, no.

Si el documento que manejas sí es una imagen escaneada, el camino es distinto: aplicar OCR a un PDF para reconstruir la capa de texto. Y si necesitas extraer solo el contenido escrito, la conversión de PDF a texto lo saca limpio.

Límites y qué no puede hacer

• Subidas hasta 100 MB y páginas buscadas por dirección hasta 8 MB, con un máximo de 4 redirecciones encadenadas.
• Página continua hasta 200 pulgadas (unos 508 cm), que es el techo del propio formato PDF, no una restricción nuestra.
• Límite horario por IP para mantener la cola disponible.
• Contenido tras inicio de sesión fuera de alcance, porque el renderizado es anónimo.
• El ocultado de avisos es heurístico. Detecta las formas habituales de los muros de consentimiento, pero un diseño poco común puede sobrevivir.

Sobre este último punto conviene ser preciso: no es un motor de consentimiento, es un filtro de maquetación. Los avisos que impone la LSSI-CE en España tienen formas muy variadas, y aunque las frecuentes se detectan por nombre y posición, no hay garantía de cobertura total. Si algo sobrevive, la vista previa te lo enseña antes de descargar. Cuando el PDF ya está hecho y sobra un bloque entero, puedes eliminar páginas del PDF o editar el texto del PDF directamente.

Preguntas frecuentes