O que é HTML para PDF?

Converte marcação HTML em um PDF pronto para download. Suporta estilos CSS, imagens, tabelas e tamanhos de página personalizados. Útil para faturas, relatórios ou salvar conteúdo web formatado offline.

Escolha papel A4, A3, Carta ou Ofício, alterne entre retrato e paisagem e ajuste margens de 0 a 20 mm. Se precisar, proteja o arquivo com senha ou coloque números de página no rodapé. CSS inline, imagens em base64 e tabelas todos renderizam no resultado. A conversão passa por html2pdf.js usando html2canvas, então páginas com fontes web ou efeitos avançados podem aparecer um pouco diferente do preview.

Como usar

1. Passo 1 — Cole ou digite o conteúdo HTML no editor. A visualização ao vivo mostra exatamente como o PDF ficará.
2. Passo 2 — Configure as definições de página: escolha o tamanho do papel (A4, A3, Carta, Ofício), a orientação (retrato/paisagem) e as margens. Se quiser, defina uma senha ou adicione números de página.
3. Passo 3 — Clique em "Gerar PDF" para criar o documento e baixe-o diretamente para o seu dispositivo.

Quando usar

• Gerar uma fatura ou recibo a partir de um template HTML antes de mandar para o cliente.
• Salvar um relatório com gráficos e tabelas como cópia portátil para arquivo.
• Produzir material pronto para impressão a partir de conteúdo web para uma oficina ou aula.

Resultado

Um freelancer cola o HTML da fatura com logotipo da empresa, tabela detalhada e totais. Ele define A4 em modo retrato com margens de 20 mm e baixa um PDF profissional para enviar ao cliente por e-mail.

Perguntas frequentes

Por que o PDF fica diferente do preview ao vivo?

O PDF é rasterizado pelo html2canvas, que pinta a página em uma imagem e embala num PDF. Fontes web ainda não carregadas, elementos position: fixed e filtros CSS podem aparecer um pouco diferente do preview.

Posso incluir imagens hospedadas em outro domínio?

Só se aquele host enviar cabeçalhos CORS permissivos. Sem isso, o html2canvas não consegue ler os pixels e a imagem fica em branco no PDF. Soluções: baixe a imagem e embuta como base64, ou sirva pelo mesmo origem.

Como controlo as quebras de página?

Adicione a regra CSS page-break-before: always (ou page-break-after) no elemento onde quer que a nova página comece. Em tabelas, page-break-inside: avoid em uma linha impede que ela seja cortada entre páginas.

O texto do PDF é selecionável?

Geralmente não. Como o renderer achatа a página via canvas, o texto vira bitmap. Algumas soluções sobrepõem uma camada de texto invisível para seleção, mas esta ferramenta produz PDFs rasterizados — legíveis, mas nem sempre copiáveis.

Há limite de tamanho para o HTML?

Na prática, algumas centenas de KB de markup ou 10 a 15 páginas. Páginas muito longas podem estourar a memória, porque o DOM inteiro é rasterizado em um único canvas antes de ser dividido em páginas.

Ferramentas relacionadas