Conversor online gratuito de HTM para PNG

O que é o formato HTM

HTM é uma extensão de arquivo HTML usada para páginas da web e documentos web locais. Um arquivo .htm contém marcação para texto, links, tabelas, formulários e referências a mídias; o CSS controla a apresentação, e o JavaScript pode alterar a página após o carregamento. As extensões .htm e .html representam o mesmo formato HTML, embora .htm fosse útil em sistemas que exigiam extensões de três caracteres.

Navegadores como Chrome, Firefox, Edge e Safari abrem arquivos HTM. Editores web, sistemas de gerenciamento de conteúdo, geradores de sites estáticos e aplicativos antigos do Windows podem criá-los. Um arquivo HTM pode depender de arquivos CSS, JavaScript, imagem, fonte e mídia adjacentes; portanto, copiar apenas o arquivo HTML pode produzir uma renderização incompleta.

O que é o formato PNG

PNG (Portable Network Graphics) é um formato de imagem raster que armazena uma imagem renderizada como pixels. Ele oferece suporte a compressão sem perdas, transparência e imagens coloridas, sendo adequado para capturas de tela, protótipos de interface, diagramas, logotipos e gráficos com texto nítido ou áreas de cores uniformes.

O PNG não mantém links HTML, estrutura semântica, regras CSS, scripts, texto selecionável, comportamento responsivo ou interatividade. Use-o quando for necessária uma representação visual fixa, em vez de uma página web editável ou interativa.

Como converter HTM para PNG

Usando um navegador web

1. Mantenha o arquivo HTM junto às pastas referenciadas, como css, images e fonts. Caminhos relativos corretos são necessários para que esses recursos sejam carregados.
2. Abra o arquivo no Chrome, Edge, Firefox ou outro navegador atual clicando duas vezes nele ou escolhendo Open with.
3. Defina a largura de viewport necessária redimensionando a janela do navegador ou usando as ferramentas de emulação de dispositivos do navegador. Páginas responsivas podem usar um layout diferente em cada largura.
4. Capture a página renderizada com o recurso de captura de tela do navegador, uma ferramenta de captura de tela do sistema operacional ou as ferramentas de desenvolvedor.
5. Salve a imagem como .png e verifique se há conteúdo cortado, fontes ausentes, imagens não carregadas e layout responsivo incorreto.

No Chrome ou Edge, abra as ferramentas de desenvolvedor com Ctrl + Shift + I no Windows ou Linux, ou Cmd + Option + I no macOS. Abra o menu de comandos, execute Capture full size screenshot e salve o PNG resultante. Use primeiro a barra de ferramentas de dispositivos se a página precisar ser capturada em dimensões específicas. Uma captura em tamanho completo inclui todo o documento rolável; uma captura de tela normal captura apenas a viewport visível.

Usando 101convert

Você pode converter o arquivo gratuitamente em 101convert.com sem instalar software. Envie o arquivo HTM, selecione PNG se for exibida uma opção de formato de saída, inicie a conversão e baixe a imagem. Se a página usar CSS, imagens, fontes ou scripts separados, forneça os arquivos relacionados quando o conversor oferecer suporte ao envio de um arquivo ou de recursos; caso contrário, esses recursos poderão não aparecer no resultado.

Usando Playwright para capturas repetíveis

Playwright é adequado para capturas de tela automatizadas ou em lote porque usa um mecanismo de navegador e pode definir uma viewport fixa. Depois de instalar o Playwright e o navegador Chromium, um script Node.js pode usar:

const { chromium } = require("playwright");
(async () => {
  const browser = await chromium.launch();
  const page = await browser.newPage({ viewport: { width: 1440, height: 900 } });
  await page.goto("file:///absolute/path/page.htm", { waitUntil: "networkidle" });
  await page.screenshot({ path: "page.png", fullPage: true });
  await browser.close();
})();

Substitua a URL do arquivo pelo caminho absoluto do arquivo HTM. Defina fullPage como false quando apenas a viewport for necessária. Para páginas que carregam conteúdo depois que a atividade de rede é interrompida, aguarde o seletor relevante ou adicione um pequeno atraso antes de fazer a captura de tela.

Limitações de qualidade e compatibilidade

As dimensões do PNG dependem da viewport do navegador e da proporção de pixels do dispositivo. Aumente a viewport ou o fator de escala do dispositivo quando o texto pequeno precisar permanecer legível, mas espere um arquivo maior. Uma captura de tela não é uma conversão para layout de impressão: elementos com posição fixa, animações, imagens carregadas sob demanda e estados de foco podem produzir resultados diferentes dependendo do momento da captura.

As regras de segurança do navegador local podem bloquear scripts, fontes ou recursos carregados de outros locais. Mantenha os recursos necessários disponíveis localmente, use caminhos relativos válidos e aguarde o carregamento completo das fontes web e das imagens. O PNG preserva os pixels capturados sem perdas de compressão no estilo JPEG, mas geralmente é maior que o JPEG para conteúdo fotográfico e não pode preservar o texto, os links ou o comportamento originais da página.