Como converter HTML para PDF
Criar PDFs a partir de HTML é útil para gerar faturas, relatórios, cartas, certificados e qualquer documento em que você queira controlar o layout com CSS mas distribuir como PDF.
Como converter HTML para PDF
1. Cole seu HTML — insira seu código HTML incluindo qualquer CSS inline ou tags <style> no editor. O código pode incluir estrutura completa de página com cabeçalhos, tabelas, imagens e estilos. 2. Pré-visualize a saída — uma pré-visualização em tempo real mostra exatamente como seu PDF ficará enquanto você digita. Ajuste seu HTML e CSS até que a pré-visualização corresponda ao que deseja. 3. Gere e baixe — clique no botão de gerar para criar o PDF no seu navegador, depois baixe-o instantaneamente.
O que você pode criar
- Faturas e recibos — tabelas estruturadas com marca da empresa, itens e totais
- Relatórios — documentos formatados com títulos, parágrafos, gráficos e tabelas de dados
- Certificados — layouts estilizados com fontes personalizadas, bordas e texto centralizado
- Cartas — correspondência profissional com áreas de cabeçalho, corpo e assinatura
- Currículos — layouts desenhados que exportam como PDFs limpos para candidaturas de emprego
Dicas de estilização para saída PDF
Use estilos inline ou tags <style> — folhas de estilo externas não são carregadas. Coloque todo o seu CSS inline nos elementos ou em um bloco <style> no HTML.
Defina margens de página — use CSS @page { margin: 20mm; } para controlar o espaço em branco ao redor do conteúdo no PDF.
Use unidades adequadas para impressão — mm, cm e pt são mais previsíveis em PDFs do que px ou rem. Use mm para margens e espaçamentos que precisam corresponder a dimensões do mundo real.
Evite layouts dependentes do viewport — larguras em porcentagem e larguras em pixels fixos funcionam melhor. Unidades de viewport (vw, vh) podem não se comportar como esperado na saída PDF.
Dicas
- Pré-visualize primeiro — sempre verifique a pré-visualização em tempo real antes de gerar. É muito mais rápido iterar no HTML do que gerar um novo PDF a cada vez.
- Use base64 para imagens — converta imagens em URIs de dados base64 para inclusão garantida no PDF. URLs externas podem falhar por restrições CORS.
- Mantenha simples — layouts CSS complexos (grids aninhados, elementos posicionados sobrepostos) podem não renderizar perfeitamente. Layouts mais simples produzem PDFs mais confiáveis.
- Teste quebras de página — para documentos de várias páginas, use
page-break-before: alwayspara controlar onde começam as novas páginas.
Perguntas frequentes
O PDF preserva minha estilização CSS?
Sim. O conversor renderiza seu HTML com a estilização CSS aplicada, incluindo cores, fontes, margens e layout. O PDF fica parecido com a página web renderizada, não com o código-fonte bruto.
Posso incluir imagens no PDF?
Sim. Use imagens codificadas em base64 (URIs de dados) para resultados mais confiáveis. URLs de imagens externas podem funcionar se forem acessíveis e estiverem com CORS habilitado.
Meu HTML é enviado a um servidor?
Não. A conversão acontece inteiramente no seu navegador. Seu código e o PDF gerado nunca saem do seu dispositivo.
Quais recursos CSS são suportados?
O CSS padrão, incluindo layouts, cores, fontes, fundos, bordas e tabelas, é bem suportado. Recursos avançados como CSS Grid, animações complexas e alguns casos extremos de Flexbox podem ter suporte limitado.