Converter HTML para imagem

Transforme a URL de uma página ou o seu próprio HTML em uma captura de tela PNG, JPG ou WEBP. Escolha o viewport, a página inteira e a densidade de pixels. A captura é feita no nosso servidor e excluída automaticamente em cerca de duas horas.

Como converter HTML para imagem

1
Cole uma URL ou o seu HTML
O endereço de uma página publicada ou um bloco de HTML colado diretamente. Nada sai do seu navegador até você clicar em Capturar.
2
Escolha o viewport e o formato
Tamanhos de viewport de computador, tablet ou celular (ou um tamanho personalizado), a página inteira ou só a parte visível, em PNG, JPG ou WEBP.
3
Clique em Capturar e baixe
A imagem volta com o nome do domínio da página e a data, pronta para baixar.

Por que nem toda URL pode ser capturada

Esta ferramenta carrega a página no próprio servidor do PulsarKit antes de fazer a captura. Um servidor que acessa uma rede privada (ferramentas internas de empresas, a página de administração de um roteador, o endpoint de metadados de um provedor de nuvem) é exatamente o tipo de requisição que um serviço cuidadoso precisa recusar. Qualquer endereço que aponte para uma faixa privada, local ou link-local é bloqueado, e a verificação é repetida depois de cada redirecionamento, para que não dê para contorná-la passando antes por uma URL pública.

Tamanho do viewport ou captura da página inteira

O viewport é o que a tela do visitante mostra antes de rolar a página, em tamanho de computador, tablet ou celular. Já a captura da página inteira renderiza também tudo o que fica abaixo da dobra e junta a página toda em uma só imagem, qualquer que seja o comprimento. Uma página muito longa é limitada a 20.000 pixels de altura, com um aviso claro se esse limite for atingido, em vez de a imagem ser cortada em silêncio.

Colar HTML em vez de uma URL

O modo HTML é útil para uma página que ainda não existe em um endereço público ou para um componente que você está testando isoladamente. O código passa por uma limpeza antes da renderização: qualquer tag `<script>` é removida e a execução de JavaScript fica totalmente desativada, então este modo serve para capturar marcação estática, não para rodar código qualquer.

Processado no nosso servidor e excluído automaticamente

A página ou o HTML é renderizado por um Chrome headless (sem interface) no servidor do PulsarKit. É a única forma de obter uma captura fiel de como outro site é exibido, já que uma aba do navegador não consegue atravessar a barreira entre origens para fazer isso sozinha. A sua URL ou o seu HTML é usado só para esta captura. A captura fica disponível para download por uma hora e é apagada do servidor em cerca de duas horas, quer você a baixe ou não.

Perguntas frequentes

Qual é a diferença entre o modo URL e o modo HTML?

O modo URL acessa uma página da web real, já publicada, e faz a captura dela. O modo HTML, por sua vez, renderiza o código que você cola diretamente, com os scripts removidos e o JavaScript desativado. Ele serve para uma página que ainda não está no ar ou para um trecho que você está testando.

Por que não consigo capturar uma página da minha rede local?

Endereços em faixas privadas, locais ou internas são bloqueados por segurança, já que a captura é feita a partir do próprio servidor do PulsarKit, e não do seu navegador. Se precisar capturar a página, cole o HTML dela.

Dá para capturar páginas que exigem login?

Não. Nenhum cookie ou sessão é guardado ou enviado, então uma página que exige login é renderizada como aparece para quem não entrou na conta.

Por que a captura excedeu o tempo limite?

A tarefa inteira tem um limite de 40 segundos. Uma página que demora muito mais que o normal para terminar de carregar, ou um JavaScript que nunca se estabiliza, pode passar disso. Tente de novo ou acrescente um pequeno atraso, se o conteúdo só precisar de um instante para terminar de renderizar.

Para que serve a configuração de atraso?

Ela faz uma pausa curta depois que a página informa que terminou de carregar, antes de a captura ser feita. Isso ajuda com animações ou com imagens de carregamento adiado (lazy loading), que aparecem logo depois da renderização inicial.

Qual é a resolução máxima da captura?

Até um viewport de 3840 pixels de largura com densidade de pixels 3x, ou uma captura da página inteira de até 20.000 pixels de altura.

Por quanto tempo a imagem fica no servidor?

A sua URL ou o seu HTML é usado só para a captura. A imagem fica disponível para download por uma hora e é apagada do servidor em cerca de duas horas, quer você a baixe ou não.