HTML e CSS para PDF
Primeiro distinguir HTML e PDF
HTML é o texto estruturado com que o navegador monta a página: títulos, links, estilos, etc. A mesma página pode parecer diferente no telemóvel e no computador — é normal. O PDF fixa o layout, uniformiza quebras de página e tipografia, e serve para impressão, arquivo e anexos. Muitas pessoas querem passar de um rascunho em markup para um ficheiro que não «se parta» ao reabrir. A seguir explicamos em português para que serve cada formato e depois o fluxo de edição e exportação nesta página. O conversor tem separadores HTML e CSS para estilos à parte e exportação HTML + CSS para PDF.
Porque ver só online por vezes não chega: exportar para PDF
A página em direto depende do navegador e da rede; para apontamentos, reprodução de erros ou cópias de arquivo, muitas vezes é preciso que todos vejam o mesmo meses depois. Depois de exportar para PDF, margens e paginação alinham melhor entre leitores. Tecnicamente, o que a pré-visualização renderizou é embutido em dados PDF: abordagens leves capturam a pré-visualização; as pesadas usam um navegador sem interface. Aqui edita o markup, vê a pré-visualização e descarrega quando estiver correto. Fluxo simples: confirme que o código e a pré-visualização coincidem e exporte.
Pense em HTML como estrutura, em CSS como aspeto e em PDF como uma fotografia fixa — não scroll infinito. Fontes web ou imagens externas podem variar ligeiramente após a exportação, por isso pré-visualize sempre. Se o conteúdo vem de colar ou de um ficheiro local (em vez de URLs remotas arbitrárias), o caminho da entrada ao descarregar é mais claro e mais fácil de corrigir.
Ir para o conversorPrimeiro uma estrutura limpa
Etiquetas bem fechadas, charset declarado, linhas não excessivamente longas — o editor e a pré-visualização coincidem melhor.
O PDF fixa o layout
No PDF amplia-se a página, mas não se reflow como no navegador. Se for imprimir, imagine a largura do papel ao desenhar.
Pré-visualizar antes de descarregar
Detetar imagens em falta ou cortes na pré-visualização é mais rápido do que corrigir um PDF já feito.
Para que serve esta ferramenta HTML to PDF
Quando exportar e o que controla antes de clicar em Converter — incluindo o separador CSS.
Do rascunho em markup ao ficheiro que pode anexar
Cole um fragmento ou uma página inteira, ou importe ficheiros .html, .txt ou .json; também pode importar .css ou escrever estilos no separador CSS. Ajuste até a pré-visualização corresponder ao que pretende, depois exporte um PDF para e-mail, impressão ou arquivo. Sítios muito grandes com muitos recursos externos são difíceis de replicar; trabalhos de casa, notas ou folhetos mais autónomos encaixam melhor neste fluxo. O resultado é uma captura instantânea, não um segundo sítio em direto. Quem procura uma ferramenta gratuita para html para pdf costuma precisar exactamente deste percurso.
- Antes de exportar, perceba o que o HTML e o PDF fazem cada um
- Alterar markup, pré-visualizar, depois descarregar
- Importar rascunhos em .txt ou .json
- Sem conta — tudo no navegador
Como usar esta página em três passos
Colocar HTML (e CSS opcional) nos editores
Escreva, cole a partir do seu editor ou importe um ficheiro de texto; os estilos podem ficar no separador CSS. Se só tiver um fragmento de body, é envolvido para a pré-visualização para poder ver o layout antes de exportar.
Olhar para a pré-visualização, não só para as etiquetas
Percorra a pré-visualização. Tabelas largas ou cabeçalhos fixos podem precisar de um pequeno ajuste de CSS para nada ser cortado no PDF.
Converter, rever o modal, descarregar
Clique em Converter, confirme o PDF no modal e Descarregar. Se não servir, feche e continue a editar — repetir é normal.
Perguntas frequentes: HTML, PDF e esta ferramenta
Experimentar HTML to PDF no navegador?
Escreva ou cole HTML, acrescente CSS no separador quando necessário, confirme a pré-visualização e exporte quando estiver pronto — sem registo.
HTML para PDF
- Editar HTML/CSS com pré-visualização em tempo real
- Descarregar o PDF quando a captura estiver correcta
- Corre no seu navegador
- Sem registo
Dica: para maquetação pensada para impressão, teste margens e tamanho de letra na pré-visualização antes de exportar.
Partilhar ou arquivar cópias fixas
Use PDF quando todos os leitores devem ver a mesma maquetação.