# HTML/CSS para PDF pronto para impressão

Compõe um PDF multipáginas pronto para impressão direto de HTML e CSS: tamanho e margens @page, cabeçalhos de capítulo corridos, contadores de página, marcas de corte e registro, sangria.

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

- **Categoria:** Document Tools

- **Palavras-chave:** html para pdf, mídias paginadas css, pagedjs, page css, marcas de corte, sangria, caixas de margem, cabeçalho corrido, contador de páginas, pdf pronto para impressão, composição, paginação, css de impressão, chromium impressão

## Visão geral

Um compositor de mídias paginadas CSS: entregue um documento HTML autossuficiente cujo CSS carregue o projeto de impressão, e ele renderiza um PDF paginado pronto para a gráfica — o fluxo de “saída com qualidade LaTeX a partir de HTML”, sem nenhum JavaScript no seu documento. O renderizador carrega seu arquivo no Chromium headless em modo de mídia de impressão e imprime com o tamanho de página vindo do CSS e fundos ativados. Dois motores: o Paged.js, o polyfill (MIT) de mídias paginadas do W3C, é o padrão e cobre o que os navegadores não fazem — marcas de corte e registro (a propriedade marks), sangria, cabeçalhos e rodapés corridos via caixas de margem como @top-center com títulos de capítulo por string-set, contadores page e pages, páginas nomeadas, conteúdo gerado para listas e notas — ele fatia seu conteúdo em caixas de página fixas e desenha as marcas fora do corte. O Chromium nativo é o motor de reserva: o Chrome 131+ implementa nativamente tamanhos e margens @page e as dezesseis regiões de caixa de margem, o que cobre muitos projetos, mas o desenho de marcas é limitado — daí o polyfill. No modo Automático escolhe-se Paged.js sempre que o polyfill embutido estiver disponível, com retorno ao nativo em caso contrário. Notas práticas: mantenha o documento autossuficiente (estilos inline, imagens em data-URI), o renderizador não faz acesso à rede; @page size aceita qualquer comprimento CSS ou tamanho nomeado mais landscape; a caixa de página do PDF cresce pela sangria para que marcas e sangria caiam fora do corte, prontas para a gráfica; escritas complexas são compostas com as fontes de sistema do hospedeiro. Os metadados registram o motor usado e o número de páginas que o Paged.js compôs, para conferir a paginação antes de imprimir.

## Entradas

- **Documento HTML** (file)
- **CSS extra (opcional)** (file)
- **Motor de composição** (select)

## Quando usar

- Ao diagramar livros, livretos ou relatórios técnicos com HTML e CSS que exigem marcas de corte e sangria para envio à gráfica.
- Ao precisar de cabeçalhos e rodapés dinâmicos com contadores de página e títulos correntes definidos por string-set sem depender de scripts no documento.
- Ao gerar publicações paginadas padronizadas a partir de marcação autossuficiente com renderização fiel às especificações de CSS Paged Media.

## Como funciona

- Faça o envio do arquivo HTML autossuficiente, incluindo folhas de estilo embutidas ou um arquivo CSS complementar e imagens em data-URI.
- Selecione o motor de composição entre Automático, Paged.js (polyfill completo com marcas de corte e sangria) ou @page nativo do Chromium.
- O motor processa as mídias paginadas em um ambiente Chromium headless seguro e sem acesso à rede externa.
- Baixe o PDF com as dimensões exatas de página, sangrias calculadas e marcas gráficas traçadas fora da linha de corte.

## Casos de uso

- Composição de livretos e manuais impressos com capítulos correntes, paginação contínua e marcas de registro prontas para gráfica.
- Geração de relatórios corporativos multipáginas com numeração dinâmica de páginas via caixas de margem @bottom-center ou @bottom-right.
- Diagramação de encartes e catálogos comerciais com sangria estendida e especificações precisas de corte industrial.

## Perguntas frequentes

### Como incluir imagens e fontes no documento HTML?

Como o renderizador não realiza requisições de rede, incorpore imagens em data-URIs e utilize fontes disponíveis no sistema ou folhas de estilo locais.

### Qual a diferença entre o Paged.js e o motor nativo do Chromium?

O Paged.js desenha marcas de corte, compensa sangria e suporta todas as caixas de margem; o nativo utiliza a implementação do Chromium sem polyfill e com suporte limitado a marcas.

### Posso incluir código JavaScript no documento para ajustar o layout?

Não, o documento deve conter apenas HTML e CSS declarativo, sem dependência de scripts executados durante a renderização.

### Como configuro a sangria e as marcas de corte?

Declare as propriedades @page no CSS, definindo bleed para a distância da sangria e marks com valores como crop e cross para as marcas de corte e registro.

### A área da página no PDF gerado inclui a sangria?

Sim, com o Paged.js a caixa de mídia do PDF é automaticamente expandida para que a sangria e as marcas fiquem posicionadas fora do corte final.

## Ferramentas relacionadas

- [Renderizador HTML para PDF](https://elysiatools.com/pt/tools/html-to-pdf-renderer): Renderiza um subconjunto de HTML em PDF
- [Fragmentos de Cabeçalho/Rodapé PDF](https://elysiatools.com/pt/tools/pdf-header-footer-snippets): Converte HTML para PDF com logo, título e data
- [HTML de email para PDF](https://elysiatools.com/pt/tools/libreoffice-html-mail-to-pdf): Renderiza conteudo HTML de email em PDF preservando formatacao basica
- [Pacote de Temas Markdown para PDF](https://elysiatools.com/pt/tools/markdown-to-pdf-theme-pack): Converte Markdown em PDF com temas claro, escuro ou impressão
- [Extrator de tabelas PDF para CSV/JSON](https://elysiatools.com/pt/tools/pdf-table-extractor-to-csv-json): Extrai tabelas de PDF com OpenDataLoader e exporta em JSON, CSV ou HTML
- [PDF para PowerPoint](https://elysiatools.com/pt/tools/pdf-to-powerpoint): Extrai o conteúdo de texto de arquivos PDF e os converte em slides de apresentação PowerPoint
- [PDF para Texto Avançado](https://elysiatools.com/pt/tools/pdf-to-text-advanced): Conversor avançado de PDF para texto com seleção de páginas, opções de formatação e extração de metadados
- [Ponte de PDF (OCR) para JSON estruturado](https://elysiatools.com/pt/tools/ocr-pdf-to-structured-json-bridge): Extrai a camada de texto do PDF com geometria (linhas por posição y, tabelas por vaos de coluna, títulos por tamanho de fonte, pares chave-valor com dois pontos) e preenche campo a campo um JSON Schema do usuário — rótulos pareados por chaves normalizadas, valores coagidos aos tipos declarados e validados com ajv.

## Exemplos

- [Exemplos PDF](https://elysiatools.com/pt/samples/pdf-samples): Exemplos PDF gerados por ferramentas de 2026-02-01 a 2026-02-10
- [Exemplos de Apresentacoes Markdown](https://elysiatools.com/pt/samples/md-slide-deck-to-pdf): Decks Markdown estilo Remark/Marp para testar exportacao em PDF
- [Amostras de HTML com Imagens](https://elysiatools.com/pt/samples/html-with-images): Amostras de código fonte HTML com imagens para testar extração
- [Amostras HTML](https://elysiatools.com/pt/samples/html-viewer-samples): Arquivos de amostra para o visualizador HTML no navegador