UltKit

Convertir HTML a PDF

Suba un archivo HTML, como un informe exportado, una factura que genera su sistema, una plantilla de correo o una página web guardada, y obtenga un PDF paginado que conserva sus fuentes, tablas y enlaces. Si el archivo tiene estilos de impresión, ellos dan forma a las páginas.

Convertir a PDF

o suelte aquí archivos DOC, DOCX, DOCM … ·

Máx. 95 MB por archivo· Hasta 20 archivos· Se borran a los 30 minutos

Salida

Los archivos se procesan en nuestros servidores y se borran a los 30 minutos.

Cómo usar esta herramienta

  1. 1

    Suba el archivo .html o .htm

    Agregue hasta 20 archivos, de hasta 95 MB cada uno. Para convertir una página de la web, guárdela antes con Ctrl+S, o Cmd+S en Mac, y suba el archivo .html.

  2. 2

    Elija el tamaño de página y los márgenes

    Tamaño de página en Igual que el original sigue la regla @page del archivo. Imponga A4 o Carta, la Orientación horizontal u otros Márgenes en Opciones avanzadas.

  3. 3

    Convierta a PDF

    Pulse Convertir a PDF y descargue el resultado. Los archivos subidos y los PDF se borran a los 30 minutos.

HTML a PDF gratis: qué archivos se convierten bien

Los archivos HTML que lo llevan todo dentro son los que mejor se convierten: estilos en un elemento <style>, imágenes incrustadas o enlazadas con direcciones https:// completas, fuentes cargadas con @font-face. Así son la mayoría de los documentos generados, desde facturas y extractos hasta informes de pruebas, exportaciones de documentación y plantillas de correo HTML, que se construyen autónomas porque los clientes de correo bloquean los archivos externos.

Una página guardada desde un sitio web es distinta. Con Página web completa, el navegador escribe el archivo .html y, a su lado, una carpeta de imágenes y hojas de estilo, y esa carpeta no forma parte de lo que se sube. Si el PDF de una página así sale pobre, imprímala desde el navegador o limpie antes el contenido; el conversor de HTML a Word es útil cuando quiere quitar menús y pies de página antes de hacer el PDF.

Cómo se corresponden los píxeles CSS con páginas A4 y Carta

SizePixelscminDPIFits
A4794 × 112321,0 × 29,78,27 × 11,6996Ancho útil de unos 602 px con márgenes de 25,4 mm
Carta816 × 105621,6 × 27,98,5 × 1196Predeterminado en EE. UU.; ancho útil de unos 624 px con márgenes de 1 in
Oficio816 × 134421,6 × 35,68,5 × 1496Contratos y formularios largos de EE. UU.
A31123 × 158729,7 × 42,011,69 × 16,5496Paneles anchos y calendarios
A5559 × 79414,8 × 21,05,83 × 8,2796Folletos y recibos

CSS define una pulgada como 96 px, así que una página tiene un ancho fijo en las mismas unidades que usa su hoja de estilos. Un diseño pensado para una ventana de escritorio de 1280 px dispone de unos 600 px en una página A4 con márgenes normales. Las páginas adaptables recurren a su diseño más estrecho y se imprimen bien; las páginas con un contenedor fijo de 1000 px se reducen o se recortan, según el renderizador. Poner Márgenes en Estrecho (12,7 mm) recupera unos 100 px de ancho.

Una hoja de estilos de impresión inicial: tamaño de página, elementos del sitio ocultos y reglas de salto
@page { size: A4; margin: 15mm; }
@media print {
  nav, footer, .cookie-banner { display: none; }
  h2, h3 { break-after: avoid; }
  table, figure, pre { break-inside: avoid; }
  .new-section { break-before: page; }
}

La regla @page viene del módulo CSS Paged Media del W3C y fija el tamaño de la hoja y los márgenes. Las propiedades break-before, break-after y break-inside pertenecen a CSS Fragmentation y sustituyen a las antiguas propiedades page-break-, que los navegadores siguen aceptando como alias. Las fuentes web necesitan una comprobación más: una fuente cargada desde un servidor que el conversor no puede alcanzar se sustituye por una fuente del sistema, y con Incrustar fuentes* activado, el PDF incrusta esa sustituta. Mantenga los archivos de fuente accesibles en direcciones https:// completas.

HTML

HyperText Markup Language (HTML)

HTML es el lenguaje de marcado de la web, descrito por primera vez por Tim Berners-Lee a principios de la década de 1990 y mantenido hoy por el WHATWG como estándar vivo. Un archivo HTML describe encabezados, párrafos, enlaces, tablas, imágenes y formularios, mientras que el estilo suele provenir de CSS. Todos los navegadores lo representan, y también se usa para plantillas de correo electrónico y páginas web guardadas. Un archivo HTML suele depender de imágenes y hojas de estilo externas, por lo que puede verse incompleto si se mueve solo.

Compresión
–
Transparencia
–
Animación
–
Presentado en
1993 · Tim Berners-Lee; maintained by WHATWG
Convertidor de HTML

PDF

Portable Document Format

PDF fue creado por Adobe en 1993 y se convirtió en el estándar abierto ISO 32000 en 2008. Fija el texto, las fuentes, las imágenes y el diseño para que un documento se vea igual en cualquier pantalla e impresora. Los PDF pueden contener formularios, firmas, enlaces, archivos adjuntos y texto con búsqueda, y la variante PDF/A se usa para el archivo a largo plazo. El diseño fijo hace que los PDF sean difíciles de editar, y los PDF escaneados solo contienen imágenes a menos que se aplique OCR. Todos los navegadores y sistemas operativos pueden abrirlos.

Compresión
–
Transparencia
Sí
Animación
No
Presentado en
1993 · Adobe
Convertidor de PDF

El HTML se reajusta a cualquier ventana que lo abra y depende de fuentes, scripts e imágenes alojados en otro lugar; un PDF fija una versión paginada que se puede archivar, adjuntar a un correo de factura o presentar donde un portal solo acepta documentos.

Preguntas sobre HTML a PDF

¿Puedo convertir a PDF una página web en vivo pegando su dirección?

No, este conversor trabaja con archivos. Guarde la página desde el navegador y suba el archivo .html, o use el propio cuadro de diálogo Imprimir del navegador con Guardar como PDF como destino, que es la mejor vía para páginas detrás de un inicio de sesión o llenas de imágenes que se cargan desde el sitio.

¿Por qué faltan los colores de fondo en mi conversión de HTML a PDF?

La renderización para impresión descarta los fondos por defecto para ahorrar tinta, tanto en los navegadores como en la mayoría de los conversores. Añada print-color-adjust: exact a los elementos cuyos colores deben conservarse, como las filas de encabezado de tablas y las etiquetas de estado, y se mantendrán.

¿Los enlaces del HTML siguen siendo clicables en el PDF?

Los enlaces con direcciones completas suelen seguir siendo clicables. Los enlaces relativos como /pricing pierden su sitio web en cuanto el archivo sale de él, así que reescríbalos como direcciones https:// completas si los lectores van a seguirlos desde el PDF.

¿Por qué mi tabla ancha queda cortada a la derecha de la página del PDF?

La tabla es más ancha que el área imprimible, a menudo por un ancho fijo en píxeles. Ponga la Orientación en horizontal, o dé a la tabla width: 100% y menos relleno en las celdas en su CSS de impresión para que se ajuste a la página.

¿Pueden varios archivos HTML convertirse en un solo PDF?

Cada archivo subido se convierte en su propio PDF, hasta 20 por lote. Después, póngalos en orden con Unir PDF; nombrar los archivos 01, 02, 03 antes de subirlos deja el orden claro.