Ir para o conteúdo principal

HTML para PDF: arquivo .html, página salva ou código colado

Escolha o .html ou o .mhtml que o navegador salvou, ou cole o código que o ChatGPT ou o Claude gerou: a página é montada aqui, sem rodar scripts, e cada folha do PDF sai igual à prévia, com o texto pesquisável e os links clicáveis. A quebra de página não corta linha ao meio. Nada sai do aparelho.

O HTML não sai do seu aparelho

O HTML

De onde vem o HTML

Tudo acontece nesta aba; o HTML não é enviado, e o PDF é montado aqui.

Como o PDF sai

Papel
Orientação
Margem
Largura da tela

O HTML se ajusta à folha, como no celular, e a letra sai no tamanho de leitura.

Nitidez

Letra nítida na tela e na impressão comum, com arquivo médio.

O que o autor do HTML escondeu na impressão (menu, botão, propaganda) some também no PDF.

O servidor de cada imagem recebe o pedido do seu navegador, com o seu IP. Servidor que não libera a cópia da imagem fica de fora.

Escolha o arquivo HTML, ou use o exemplo.

Sobre

De onde vem o HTML e o que vai para o PDF

Por QuorifyAtualizado em

HTML chega até você de três jeitos. O navegador salva uma página de duas formas: "Página da Web, completa" grava o .html e uma pasta com o mesmo nome terminada em _files (ou _arquivos), onde ficam as imagens e o estilo; "Página da Web, arquivo único" grava um .mhtml, que guarda a página e tudo o que ela usa dentro de um arquivo só, como um e-mail com anexos (formato da RFC 2557). Sistemas de banco, de nota fiscal e de recibo exportam comprovantes em .html. E o ChatGPT, o Claude e o Gemini devolvem relatório, currículo e proposta como código HTML para colar.

O .mhtml entra inteiro. Da página salva completa, escolha o .html junto com os arquivos da pasta, ou arraste a pasta inteira no computador: cada imagem é achada pelo nome. O que o HTML pede e não veio aparece na tela, com o nome, antes de gerar. Imagem que está na internet fica de fora até você marcar a opção de buscá-la, porque o servidor dela recebe o pedido do seu navegador, com o seu IP.

Cada página do PDF é a imagem do que a prévia mostra, na nitidez escolhida (150, 200 ou 300 ppp), com o texto de cada palavra gravado por cima, invisível, no lugar exato dela: dá para selecionar, copiar e pesquisar, como num PDF que passou por OCR, só que com o texto tirado do próprio HTML, sem erro de leitura. Os links continuam clicáveis, os que levam a outra parte da página também, e os títulos (h1 a h3) viram os marcadores do PDF. Num zoom muito alto a letra mostra os pixels, porque a página é imagem.

Script não roda: gráfico desenhado por JavaScript, conteúdo que só aparece depois de um clique e o estilo do Tailwind carregado pelo <script> do CDN não entram, e vídeo e quadro embutido (iframe) também saem. Endereço de site (URL) não é aceito: buscar a página de outro site exige um servidor que a baixe por você. Para a página que está aberta no navegador, o caminho é Ctrl + P e o destino "Salvar como PDF".

Casos

Arquivos que costumam chegar em HTML

  1. Segunda via de boleto ou comprovante que o banco salvou em .html no celular, e o órgão pede o arquivo em PDF.

  2. Relatório ou currículo que o ChatGPT devolveu em HTML: cole o código, confira a prévia e baixe o PDF para mandar.

  3. Pedido de compra ou artigo salvo em .mhtml pelo Chrome ou pelo Edge, que precisa virar um arquivo para guardar ou anexar.

  4. Recibo exportado pelo sistema da empresa com uma pasta de imagens ao lado, que precisa sair com o logotipo no lugar.

Método

Do HTML às páginas do PDF

Opções da conversão e o efeito de cada uma
OpçãoO que muda
Largura do papelO HTML é montado na largura útil da folha a 96 px por polegada (718 px no A4 com 10 mm de margem): página feita para celular e tablet se ajusta, e a letra sai no tamanho de leitura.
Largura de computadorMontado em 1280 px e encolhido para caber: a página fica como no monitor, com a letra menor. Use quando o conteúdo passa da largura do papel (a tela avisa).
Página únicaUma folha só, da altura do conteúdo, sem quebra: bom para comprovante e conversa longa. O PDF aceita página de até 5,08 m; passou disso, continua em outra.
Estilo de impressãoAplica o CSS que o HTML reserva para o papel (@media print): menu, botão e propaganda que o autor escondeu na impressão somem também aqui.
NitidezPontos por polegada da imagem de cada página: mais nitidez, arquivo maior.
Imagens da internetBusca as imagens e fontes que o HTML tem só como endereço. Servidor que não libera a cópia da imagem para outro site (CORS) fica de fora, e a prévia mostra quantas.

A quebra de página procura o ponto mais baixo da metade de baixo da folha que não cai dentro de uma linha de texto, de uma imagem, de uma linha de tabela ou de um bloco marcado com break-inside: avoid; break-before e break-after: page do CSS forçam a quebra onde o autor quis. A linha tracejada da prévia mostra cada uma antes de gerar. Depois de montar, a ferramenta abre o PDF e confere o número de páginas, o texto de cada página, letra por letra, e os links.

FAQ

Dúvidas sobre converter HTML em PDF

Dá para converter o link de um site em PDF?
Aqui não: para buscar uma página de outro site é preciso um servidor que a baixe, e o HTML não sai do seu aparelho. Abra a página no navegador e salve com Ctrl + S como "Página da Web, arquivo único" (.mhtml); o arquivo entra aqui com as imagens.
Por que o gráfico ou o visual do meu HTML não apareceu?
Porque o que um script desenharia não é desenhado: scripts são retirados antes da montagem, por segurança. HTML gerado pelo ChatGPT ou pelo Claude com o Tailwind pelo CDN depende de script; peça ao assistente a versão com o CSS dentro de uma tag <style>, e ela sai igual à prévia dele.
Como converter HTML em PDF no celular?
Toque em escolher o arquivo e procure o .html na pasta Downloads (ou em Arquivos, no iPhone); o código copiado de um aplicativo vai na opção de colar. A prévia e o PDF são feitos no próprio navegador do celular.
Os acentos saem certos de HTML antigo?
Saem: a ferramenta lê a codificação declarada no arquivo e, quando o arquivo não é UTF-8, lê como Windows-1252, a de muita página brasileira antiga. Na cópia do texto, caractere fora do alfabeto latino (emoji, japonês, árabe) vira "?", e o resultado diz quantos; na imagem da página ele aparece normal.
Tem limite de tamanho ou de páginas?
O arquivo, somado aos da pasta, pode ter até 50 MB; o código colado, até 5 milhões de caracteres; o PDF, até 100 páginas. Passando disso, a página única, a margem menor ou o papel em paisagem diminuem a conta.
Fontes

O formato MHTML, o CSS de quebra e o PDF

  1. NormaRFC 2557IETF

    A página salva em arquivo único (MHTML)

    A página e as imagens, estilos e fontes dela num arquivo multipart/related, cada parte com o endereço de onde veio.

    Consultar fonte oficial
  2. EspecificaçãoCSS Fragmentation Module Level 3W3C

    Quebra de página no CSS

    break-before e break-after forçam a quebra; break-inside: avoid pede que o bloco não seja cortado.

    Consultar fonte oficial
  3. NormaISO 32000-1, 9.3.6, 12.3.3, 12.5.6.5, anexo CISO / Adobe

    Texto invisível, links e marcadores no PDF

    Modo de renderização 3 (texto que não aparece e pode ser selecionado), marcadores, anotação de link e o tamanho máximo da página.

    Consultar fonte oficial
  4. Ajuda oficialImprimir a partir do ChromeGoogle

    Salvar como PDF a página aberta

    Ctrl + P (⌘ + P no Mac) abre a impressão, que tem o destino Salvar como PDF.

    Consultar fonte oficial

Metodologia — HTML lido pelo DOMParser e limpo antes da montagem (saem script, atributo de evento, endereço javascript:, iframe, object, embed, base, meta e animação de SVG; Content-Security-Policy própria com default-src 'none' no começo do <head>); .mhtml lido pelas partes do multipart/related, em quoted-printable ou base64, com cada recurso trocado pelo endereço local dele; montagem num iframe srcdoc na largura útil do papel a 96 px por polegada e com a altura de uma folha; caixa de cada palavra pelo Range do navegador; quebra no ponto mais baixo da metade de baixo da folha fora de linha de texto, imagem, linha de tabela e bloco com break-inside: avoid, forçada por break-before e break-after; desenho pelo html2canvas 1.4 em blocos de até 16,7 milhões de pixels, JPEG 0,92; texto invisível (modo 3) em Helvetica, esticado (Tz) até a largura de cada palavra; links como anotação Link (endereço ou destino na página) e marcadores pelos h1 a h3, montados pelo pdf-lib 1.17; conferência pelo pdf.js 5.5 (páginas, texto letra por letra, links). O arquivo (até 50 MB com os da pasta) ou o código colado é lido nesta aba; o HTML é limpo e montado num quadro da própria página, sem script, sem formulário que envie dados e sem buscar nada na internet, a não ser com a opção de imagens marcada, quando o servidor de cada imagem recebe o pedido do seu navegador; o PDF é montado na memória e aberto de novo para conferir antes do download; nada fica salvo no aparelho.