UltKit

Converter HTML para JPG

Envie uma página da web salva, um modelo de e-mail ou um relatório em HTML e receba de volta uma imagem JPG da página inteira, de cima a baixo. Você escolhe a largura do navegador, então o resultado pode mostrar o layout de desktop ou o de celular.

Documento para imagem

ou solte arquivos DOC, DOCX, DOCM … aqui ·

Até 95 MB por arquivo· Até 20 arquivos· Apagados após 30 minutos

Saída

Os arquivos são processados em nossos servidores e apagados após 30 minutos.

Como usar esta ferramenta

  1. 1

    Envie o arquivo HTML

    Solte um arquivo .html, .htm ou .mhtml, até 20 de cada vez. Para páginas com imagens e estilos, salve antes no navegador como arquivo único (MHTML) para que tudo vá junto com a página.

  2. 2

    Escolha a largura da página

    Largura da página HTML começa em 1280 px, um notebook típico. Digite 390 px para o layout de celular ou 600 px para um modelo de e-mail. Imagens vem em uma imagem longa.

  3. 3

    Converta para JPG

    Clique em Converter para JPG e baixe a imagem. Mude Imagens para uma por página se preferir a página dividida em pedaços do tamanho de uma folha.

Converter HTML em JPG é tirar um print da página inteira a partir de um arquivo: a largura de navegador que você escolhe define o layout, e o JPG captura cada pixel dele.

Como um arquivo HTML vira uma imagem JPG

Um arquivo HTML é um conjunto de instruções, não uma imagem. O navegador lê a marcação, aplica as folhas de estilo, carrega imagens e fontes e diagrama tudo para a largura da janela. Mude a largura e uma página responsiva se reorganiza: colunas se empilham, menus se recolhem, imagens encolhem. É por isso que o conversor pede a Largura da página HTML antes de qualquer outra coisa.

Com o layout pronto, a página inteira é capturada de cima a baixo, não só a parte que caberia numa tela. Com Imagens em uma imagem longa, você recebe um único JPG alto; mude para uma por página e o mesmo conteúdo é cortado em imagens do tamanho de uma página.

A qualidade começa em 85, o que mantém o texto legível e deixa o arquivo bem menor que um PNG da mesma página. Suba para perto de 95 se a página tiver letras miúdas ou bordas finas de tabela que precisam continuar nítidas.

1280 pxlargura padrão do navegador para renderizar a página

Faixa aceita: de 320 a 3840 px. Larguras estreitas mostram o layout de celular; largas, o de desktop.

Escolha a largura: página inteira de desktop ou versão de celular

O padrão. A maioria dos sites mostra o layout completo de desktop nessa largura, com barras de navegação e colunas laterais.

  • Revisão de sites e aprovação do cliente
  • Registrar como uma página era
  • Slides e relatórios

Quando o resultado de HTML para JPG sai errado

  • As imagens somem ou aparecem como ícones quebrados

    As imagens estavam guardadas ao lado do HTML, não dentro dele. Salve a página como um único arquivo MHTML ou use endereços web completos para as imagens.

  • A página sai em branco ou só mostra um ícone de carregamento

    O conteúdo é montado por scripts depois que a página carrega ou fica atrás de um login. Abra no navegador, espere carregar por completo e salve como arquivo único.

  • O texto é cortado na borda direita

    A página tem uma largura fixa maior que a janela. Aumente a Largura da página HTML para igualar, por exemplo 1440 px.

  • O JPG ficou grande demais para um formulário de envio

    Baixe a Qualidade para cerca de 70, use uma largura menor ou reduza o resultado depois com comprimir imagem.

HTML

HyperText Markup Language (HTML)

HTML é a linguagem de marcação da web, descrita pela primeira vez por Tim Berners-Lee no início dos anos 1990 e hoje mantida pelo WHATWG como um padrão vivo. Um arquivo HTML descreve títulos, parágrafos, links, tabelas, imagens e formulários, enquanto o estilo costuma vir do CSS. Todo navegador o renderiza, e ele também é usado em modelos de e-mail e páginas da web salvas. Um único arquivo HTML costuma depender de imagens e folhas de estilo externas, por isso pode aparecer quebrado quando movido sozinho.

Compressão
–
Transparência
–
Animação
–
Lançamento
1993 · Tim Berners-Lee; maintained by WHATWG
Conversor de HTML

JPG

Imagem JPEG

JPEG (ou JPG) é o formato de foto mais usado do mundo, padronizado pelo Joint Photographic Experts Group em 1992. Ele usa compressão com perda, que descarta detalhes finos que o olho dificilmente percebe, o que deixa as fotos pequenas o bastante para a web, o e-mail e o armazenamento do celular. Lida bem com degradês suaves e cenas naturais, mas textos nítidos, desenhos de linhas e cores chapadas ganham artefatos visíveis, em blocos ou borrados. O JPEG não tem transparência nem animação, e cada novo salvamento perde um pouco mais de qualidade. Todo navegador, celular, câmera e editor de imagens consegue abri-lo.

Compressão
Com perdas
Transparência
Não
Animação
Não
Lançamento
1992 · Joint Photographic Experts Group
Conversor de JPG

HTML só fica certo dentro de um navegador; transformá-lo em JPG congela uma renderização numa imagem que você pode anexar, publicar, arquivar ou colocar num slide, onde o código não serviria para nada.

Perguntas sobre HTML para JPG

Posso colar o endereço de um site em vez de enviar um arquivo HTML para virar JPG?

Não, este conversor trabalha com arquivos HTML que você envia. Abra a página no navegador, use Salvar como e escolha Página da Web, arquivo único (MHTML no Chrome e no Edge), depois envie esse arquivo. Ele contém o HTML, os estilos e as imagens juntos.

Por que meu JPG mostra só texto puro, sem nenhum estilo?

O HTML foi salvo sem a folha de estilos e as imagens, o que acontece com a opção Página da Web, somente HTML. O conversor só enxerga a marcação. Salve a página de novo como um único arquivo MHTML ou coloque o CSS inline no HTML antes de enviar.

Qual o comprimento máximo de página que cabe em um só JPG?

O formato JPEG limita cada lado a 65.535 pixels, então uma página extremamente longa numa largura grande pode bater nesse limite. Para artigos longos, mude Imagens para uma por página ou use converter HTML para PDF, que não tem esse limite.

JPG ou PNG: qual escolher para a captura de uma página da web?

O JPG é menor e serve bem para páginas com fotos. O PNG mantém texto pequeno e linhas finas perfeitamente nítidos e aceita fundo transparente, por isso é melhor para mockups de interface e dashboards. Nosso artigo JPG, JPEG ou PNG explica a escolha.

Por que as fontes na imagem JPG parecem diferentes das do meu navegador?

Fontes instaladas só no seu computador não estão disponíveis onde a página é renderizada, então uma fonte substituta é usada. Fontes da web incorporadas na página salva, ou carregadas pelos estilos da página, saem como planejado.

Dá para converter um modelo de e-mail em HTML em imagem para uma prévia?

Sim. Defina Largura da página HTML como 600 px, a largura para a qual a maioria dos modelos de e-mail é criada, e mantenha uma imagem longa. O resultado é uma prova visual rápida para mostrar a quem não deve receber o e-mail de teste em si.