# HTML/CSS a PDF listo para imprenta

Compone un PDF multipágina listo para imprenta directamente desde HTML y CSS: tamaño y márgenes @page, encabezados de capítulo, contadores de página, marcas de corte y registro, sangrado.

> Página canónica: https://elysiatools.com/es/tools/pdf-typesetting-html-css-nojs-print

- **Categoría:** Document Tools

- **Palabras clave:** html a pdf, medios paginados css, pagedjs, page css, marcas de corte, sangrado, cajas de margen, encabezado dinámico, contador de página, pdf listo para imprenta, composición, paginación, css de impresión, chromium print

## Descripción general

Un componedor de medios paginados CSS: entrégale un documento HTML autocontenido cuyo CSS lleve el diseño de impresión y renderizará un PDF paginado listo para imprenta — el flujo de "salida con calidad LaTeX desde HTML", sin necesidad de JavaScript en tu documento. El renderizador carga tu archivo en Chromium headless en modo de medios de impresión e imprime con el tamaño de página tomado del CSS y los fondos activados. Dos motores: Paged.js, el polyfill (MIT) de medios paginados del W3C, es el predeterminado y cubre lo que los navegadores no hacen — marcas de corte y registro (la propiedad marks), sangrado, encabezados y pies dinámicos mediante cajas de margen como @top-center con títulos de capítulo por string-set, contadores page y pages, páginas con nombre, contenido generado para listas y notas — trocea tu contenido en cajas de página fijas y dibuja las marcas fuera del corte. Chromium nativo es el motor de respaldo: Chrome 131+ implementa nativamente tamaños y márgenes @page y las dieciséis regiones de cajas de margen, lo que cubre muchos diseños, pero el renderizado de marcas es limitado, razón de ser del polyfill. Con Automático se elige Paged.js siempre que el polyfill incluido esté disponible, con repli a nativo en caso contrario. Notas prácticas: mantén el documento autocontenido (estilos inline, imágenes data-URI) porque el renderizador no hace fetch de red; @page size acepta cualquier longitud CSS o tamaño nombrado más landscape; la caja de página del PDF crece con el sangrado para que marcas y sangrado caigan fuera del corte, listos para la imprenta; la composición tipográfica usa las fuentes del sistema del host de renderizado. Los metadatos registran el motor usado y el número de páginas que Paged.js compuso, para verificar la paginación antes de imprimir.

## Entradas

- **Documento HTML** (file)
- **CSS adicional (opcional)** (file)
- **Motor de composición** (select)

## Cuándo usarlo

- Al preparar libros, manuales o folletos para imprenta comercial que exigen sangrado, marcas de corte y marcas de registro.
- Al maquetar informes y catálogos que necesitan encabezados dinámicos de capítulo mediante string-set y numeración de páginas automática.
- Al sustituir flujos complejos como LaTeX o motores de diseño de escritorio por plantillas basadas exclusivamente en HTML y CSS.

## Cómo funciona

- Carga el archivo HTML autocontenido (con recursos e imágenes embebidos en data-URI) y, si es necesario, una hoja CSS externa complementaria.
- Selecciona el motor de maquetación: Paged.js para soporte completo de marcas de corte, sangrado y polyfills tipográficos, o Chromium nativo para diseños estándar con reglas @page.
- Un navegador Chromium headless procesa el documento en modo de medios de impresión, expande el lienzo del PDF con las dimensiones del sangrado y genera el archivo descargable listo para producción.

## Casos de uso

- Composición de manuales técnicos y libros A5 con folios explicativos, contracubiertas y encabezados corridos de sección.
- Exportación de memorias corporativas anuales en formato A4 con numeración de páginas correlativa tipo 'Página X de Y'.
- Generación de folletos comerciales con fondos extendidos a sangre y marcas de corte para corte guillotina en imprenta.

## Preguntas frecuentes

### ¿El renderizador descarga imágenes o fuentes desde internet?

No. El entorno no realiza peticiones de red, por lo que todo el contenido, fuentes e imágenes debe incluirse dentro del archivo HTML mediante estilos en línea o cadenas data-URI.

### ¿Cuál es la diferencia entre el motor Paged.js y el nativo de Chromium?

Paged.js dibuja marcas de corte, marcas de registro y gestiona sangrado fuera del área neta. El motor nativo aplica tamaños @page y cajas de margen de Chrome 131+, pero con soporte de marcas limitado.

### ¿Cómo se definen los encabezados dinámicos con títulos de capítulo?

Se asigna el texto del encabezado con la propiedad CSS `string-set` en los selectores de título y se referencia en las cajas de margen de `@page` usando `content: string(...)`.

### ¿Es obligatorio incluir código JavaScript en el documento HTML?

No. La composición se realiza de forma declarativa con CSS para medios paginados sin requerir scripts dentro de tu documento fuente.

### ¿El sangrado amplía las dimensiones finales del archivo PDF?

Sí. El lienzo del PDF añade el valor de `bleed` al tamaño de página configurado para que las marcas de corte y los fondos excedentes queden fuera del área neta de corte.

## Herramientas relacionadas

- [Renderizador HTML a PDF](https://elysiatools.com/es/tools/html-to-pdf-renderer): Renderiza un subconjunto de HTML en PDF
- [Fragmentos de Encabezado/Pie PDF](https://elysiatools.com/es/tools/pdf-header-footer-snippets): Convierte HTML a PDF e inserta fragmentos de logo, título y fecha
- [HTML de correo a PDF](https://elysiatools.com/es/tools/libreoffice-html-mail-to-pdf): Renderiza contenido HTML de correo a PDF conservando formato basico
- [Paquete de Temas Markdown a PDF](https://elysiatools.com/es/tools/markdown-to-pdf-theme-pack): Convierte Markdown a PDF con temas claro, oscuro o de impresión
- [Extractor de tablas PDF a CSV/JSON](https://elysiatools.com/es/tools/pdf-table-extractor-to-csv-json): Extrae tablas de PDF con OpenDataLoader y las exporta como JSON estructurado, CSV o HTML
- [PDF a PowerPoint](https://elysiatools.com/es/tools/pdf-to-powerpoint): Extrae el contenido de texto de archivos PDF y lo convierte a diapositivas de presentación PowerPoint
- [PDF a Texto Avanzado](https://elysiatools.com/es/tools/pdf-to-text-advanced): Conversor avanzado de PDF a texto con selección de páginas, opciones de formato y extracción de metadatos
- [Puente de PDF (OCR) a JSON estructurado](https://elysiatools.com/es/tools/ocr-pdf-to-structured-json-bridge): Extrae la capa de texto del PDF con geometría (líneas por posición y, tablas por huecos de columna, títulos por tamaño de fuente, pares clave-valor con dos puntos) y rellena campo a campo un JSON Schema del usuario — etiquetas emparejadas por claves normalizadas, valores coaccionados a los tipos declarados y validados con ajv.

## Ejemplos

- [Muestras PDF](https://elysiatools.com/es/samples/pdf-samples): Muestras PDF generadas por herramientas 2026-02-01 a 2026-02-10
- [Ejemplos de Presentaciones Markdown](https://elysiatools.com/es/samples/md-slide-deck-to-pdf): Mazos Markdown estilo Remark/Marp para probar la exportacion a PDF
- [Muestras de HTML con Imágenes](https://elysiatools.com/es/samples/html-with-images): Muestras de código fuente HTML con imágenes para probar la extracción
- [Muestras HTML](https://elysiatools.com/es/samples/html-viewer-samples): Archivos de muestra para el visor HTML en el navegador