Captura de página inteira
O que é uma captura de página inteira, em que ela difere das capturas da viewport e de rolagem e quando usá-la.
Uma captura de página inteira registra em uma só imagem toda a altura rolável de uma página da web, e não apenas a parte visível na janela do navegador. Uma landing page longa pode gerar uma imagem com vários milhares de pixels de altura.
Existem dois métodos comuns. O navegador pode renderizar a altura total do documento em uma única passagem, o que as DevTools e as bibliotecas de automação suportam. Ou uma ferramenta pode rolar a página uma viewport por vez e juntar os trechos.
Os dois métodos encontram os mesmos comportamentos da página: cabeçalhos fixos, imagens que só carregam quando entram na tela, rolagem infinita e animações que mudam entre um quadro e outro.
Captura de página inteira, da viewport e de rolagem
| Tipo | Altura | Como é feita |
|---|---|---|
| Viewport | Uma tela | Captura o que está visível agora |
| Página inteira | Documento completo | Renderiza ou junta a página inteira |
| Rolagem | Toda a área rolada | Rola qualquer janela ou painel e junta os trechos |
A captura de página inteira é específica para páginas da web. A captura de rolagem também pode cobrir painéis de aplicativos, conversas de chat e documentos.
Onde as capturas de página inteira são usadas
- Revisões de design e entrega, em que o layout completo importa.
- Arquivamento de uma página antes de um redesenho ou para registro.
- Verificações de QA de quebras de layout abaixo da dobra.
- Imagens de portfólio e de estudos de caso.
Como criar capturas de página inteira
No Website Capture do Temposhot, defina Area como Full page. Escolha uma condição de Wait (Load, DOM content loaded ou Network idle) e adicione um atraso de 0 a 60 segundos se o conteúdo chegar tarde. A saída pode ser JPEG, PNG ou WebP.
Para uma única página no Chrome 116+, a extensão Full Page Screenshot do Temposhot rola a página ativa, junta as viewports em resolução Retina localmente e baixa um PNG.
Erros comuns com capturas de página inteira
- Capturar antes de as imagens com carregamento lento aparecerem, o que deixa áreas em branco.
- Cabeçalhos fixos ou botões de chat repetidos em uma imagem montada.
- Imagens muito altas que alguns visualizadores e formulários de upload rejeitam.
- Usar JPEG em páginas longas com texto pequeno.
Repetindo as mesmas capturas o tempo todo?
Capture páginas inteiras para uma lista completa de URLs com a automação de capturas de tela de sites.
Perguntas frequentes
Por que parte da minha captura de página inteira está em branco?
A página provavelmente carrega imagens ao rolar. Use Network idle ou um atraso maior.
Posso dividir uma captura alta em páginas?
Sim. O Split Image corta uma imagem alta em partes.
Fontes
Recursos relacionados
- Opções do Website Capture: configurações de área, espera e formato.
- Stitch Screenshots: junta capturas separadas em uma única imagem.
Você tira as mesmas capturas de tela várias vezes?
O Temposhot captura uma tela, janela ou área em intervalos programados e exporta o conjunto como PDF, imagens, ZIP ou MP4. As ferramentas gratuitas do navegador capturam apenas uma imagem por vez.
Recursos relacionados
Termos relacionados
- Captura de tela com rolagemO que é uma captura de tela com rolagem, em que ela difere da captura de página inteira e quando usá-la.
- Captura de tela da viewportO que é uma captura de tela da viewport, em que ela difere da captura de página inteira e quando é a escolha certa.
- Junção de capturas de telaComo a junção de capturas de tela combina capturas sobrepostas em uma única imagem, em comparação com a captura nativa de página inteira, e armadilhas comuns.
- Lazy loadingComo o lazy loading funciona, por que ele afeta a captura de tela e técnicas para detectar e tratar conteúdo com carregamento adiado.
- Captura de tela em loteO que são capturas de tela em lote, em que diferem das capturas individuais e onde equipes as usam.
- Captura de telaO que significa captura de tela, os diferentes métodos de captura e como escolher o adequado.
- Automação de captura de telaO que é automação de captura de tela, em que ela difere da captura manual e da gravação de tela e onde as equipes a usam.