Website Screenshot
Capture uma screenshot de qualquer site como PNG, JPEG ou WebP — em tamanho desktop, tablet ou mobile, página inteira ou acima da dobra.
O que é Website Screenshot?
O Website Screenshot captura uma imagem precisa em pixels de qualquer página web pública carregando-a num navegador headless real (Cloudflare Browser Rendering) e renderizando o resultado — do mesmo jeito que a página pinta no seu próprio navegador, com JavaScript, web fonts e imagens com lazy-load inclusas. Você escolhe PNG para detalhe sem perdas, JPEG para arquivos menores ou WebP para a melhor relação tamanho-qualidade, ativa a captura de página inteira para unir por scroll a página toda em vez de só o viewport visível, e escolhe uma classe de dispositivo — Desktop, Tablet ou Mobile — para renderizar a página naquele viewport, de modo que sites responsivos mostrem seu layout real de mobile ou tablet em vez de uma visão de desktop encolhida. É feito para prévias, miniaturas, referências de design e arquivar como um site parecia num momento no tempo. Nada sobre a solicitação — a URL, a imagem ou o resultado — é armazenado depois que a resposta é enviada.
Como usar Website Screenshot
- Cole a URL completa da página que você quer capturar (com https:// incluído; domínios simples como example.com também funcionam).
- Escolha um formato de imagem — PNG para detalhe nítido, JPEG para arquivos menores ou WebP para a melhor compressão.
- Escolha um dispositivo — Desktop (1440px), Tablet (768px) ou Mobile (390px) — para capturar a página naquele viewport e ver como seu layout responsivo realmente renderiza.
- Ative "Página inteira" para capturar a página inteira rolável, ou desative para capturar apenas o viewport visível.
- Clique em "Capturar" e aguarde alguns segundos enquanto a página carrega num navegador headless.
- Use "Baixar" para salvar a imagem, ou clique com o botão direito na prévia para copiá-la em outro aplicativo.
Exemplos
Site de marketing (página inteira)
Entrada: https://example.com
Saída: Um PNG de página inteira da homepage, unindo o hero, os recursos e o rodapé em uma imagem alta única.
Prévia acima da dobra
Entrada: https://example.com (Página inteira desativada, JPEG)
Saída: Um JPEG de 1280px de largura apenas do que pinta acima da dobra — uma miniatura compacta.
Layout mobile
Entrada: https://example.com (Dispositivo: Mobile, PNG)
Saída: Um PNG de 390px de largura do layout mobile do site, com seu menu hambúrguer e seções empilhadas.
Arquivo compactado
Entrada: https://example.com (WebP, Página inteira ativada)
Saída: Um WebP compacto da página inteira, adequado para armazenamento de longo prazo ou uma galeria de snapshots.
Erros comuns
- Esperar uma captura de uma página que exige login — o navegador headless não tem sessão nem cookies, então qualquer coisa atrás de autenticação renderiza como o estado desconectado.
- Capturar uma URL que dá 404 ou redireciona para um muro de consentimento e assumir que o resultado quebrado é um bug da ferramenta — abra a URL no seu próprio navegador primeiro se a imagem parecer errada.
- Escolher JPEG para uma página com muito texto e se perguntar por que as letras parecem borradas — PNG ou WebP mantêm o texto nítido.
- Esquecer que alguns sites servem markup diferente para user agents desconhecidos, então o layout capturado pode diferir da sua visita pessoal.
Por que usar esta ferramenta
- Renderização real de navegador — JavaScript, web fonts e frameworks renderizados no cliente (React, Vue e similares) são pintados, não fingidos.
- Saída consistente e independente do seu dispositivo, tamanho de tela ou extensões de navegador instaladas.
- Três formatos de imagem mais um alternador de página inteira cobrem miniaturas, prévias e arquivos completos de página.
- Sem cadastro, sem marca d'água e nada armazenado depois que a imagem é devolvida.