# Capturador de Sites Web

Gera capturas de tela de alta qualidade de sites web com opções personalizáveis usando navegador sem cabeça

> Página canônica: https://elysiatools.com/pt/tools/website-screenshot

- **Categoria:** Development

- **Palavras-chave:** captura, site web, navegador, puppeteer, captura, página web, imagem, sem cabeça, automação

## Visão geral

O Capturador de Sites Web é uma ferramenta eficiente que utiliza um navegador sem cabeça para gerar capturas de tela de alta qualidade de qualquer página da internet, oferecendo controle total sobre o formato, dimensões e elementos visuais.

## Entradas

- **URL** (text): https://example.com
- **Largura (pixels)** (number): 1200
- **Altura (pixels)** (number): 800
- **Formato de Imagem** (select)
- **Qualidade (1-100)** (number): 80
- **Captura de Tela Completa** (checkbox)
- **Tempo de Espera (ms)** (number): 1000
- **Ocultar Elementos (seletores CSS)** (textarea): .ads, .popup, .cookie-banner (comma-separated)
- **Modo Escuro** (checkbox)
- **Visualização Móvel** (checkbox)

## Quando usar

- Para arquivar o design de um site ou monitorar alterações visuais ao longo do tempo.
- Para criar prévias de páginas web em relatórios, apresentações ou portfólios profissionais.
- Para automatizar a geração de imagens de sites sem a necessidade de capturas manuais.

## Como funciona

- Insira a URL da página que deseja capturar no campo principal.
- Ajuste as configurações como largura, altura, formato da imagem e modo escuro conforme sua necessidade.
- Utilize o campo de seletores CSS para ocultar elementos indesejados, como banners de cookies ou pop-ups.
- Clique em processar para que o navegador sem cabeça renderize a página e gere o arquivo de imagem final.

## Casos de uso

- Documentação técnica e arquivamento de versões de sites.
- Criação de ativos visuais para apresentações de marketing e análise de concorrência.
- Testes de interface para verificar como o layout se comporta em diferentes resoluções.

## Perguntas frequentes

### Quais formatos de imagem são suportados?

A ferramenta suporta os formatos PNG (sem perdas), JPEG (comprimido) e WebP (moderno).

### Posso capturar a página inteira?

Sim, basta marcar a opção 'Captura de Tela Completa' para registrar todo o conteúdo da página, além da área visível.

### É possível remover anúncios ou banners das capturas?

Sim, você pode inserir seletores CSS no campo 'Ocultar Elementos' para remover automaticamente elementos específicos antes da captura.

### A ferramenta suporta visualização móvel?

Sim, ao ativar a opção 'Visualização Móvel', o site será renderizado simulando um dispositivo móvel.

### O que é o 'Tempo de Espera'?

É o tempo em milissegundos que o navegador aguarda após carregar a página antes de tirar a foto, ideal para sites com carregamento dinâmico.

## Ferramentas relacionadas

- [Gerador de Anaglifo 3D Vermelho-Ciano](https://elysiatools.com/pt/tools/image-anaglyph): Gera anaglifos 3D vermelho-ciano a partir de fotos normais. Cria imagens estereoscópicas 3D visíveis com óculos 3D vermelho-ciano.
- [Gerador de Mapa de Profundidade](https://elysiatools.com/pt/tools/image-depth-map): Gera mapas de profundidade a partir de imagens usando análise de brilho, saturação e bordas. Cria mapas de profundidade em escala de cinza onde pixels mais claros indicam objetos mais próximos e pixels mais escuros indicam objetos mais distantes.
- [Guia de Marca em PDF](https://elysiatools.com/pt/tools/pdf-brand-guidelines-pdf): Gera guia de marca com logo, paleta, tipografia e espacamento
- [Layouts de Imagem PDF](https://elysiatools.com/pt/tools/pdf-image-layouts): Layouts multi-imagem em uma pagina
- [Folha de Contato PDF](https://elysiatools.com/pt/tools/pdf-photo-contact-sheet): Gera folha de contato com miniaturas, nomes e EXIF
- [Criador de Poster PDF](https://elysiatools.com/pt/tools/pdf-poster-maker): Modelos de poster/flyer em PDF
- [Folha de Storyboard PDF](https://elysiatools.com/pt/tools/pdf-storyboard-sheet): Gera folhas de storyboard com miniatura e area de descricao
- [Analisador de imagem VP8](https://elysiatools.com/pt/tools/vp8-image-analyzer): Analisa imagens WebP/VP8 com Sharp, gera um displacement map em escala de cinza e renderiza relevo 3D com Three.js

## Exemplos

- [Exemplos de Processamento de Imagem Android Java](https://elysiatools.com/pt/samples/android-image-processing-java): Exemplos de processamento de imagem Android Java incluindo leitura/escrita, dimensionamento e conversão de formato
- [Exemplos de Processamento de Imagem Android Kotlin](https://elysiatools.com/pt/samples/android-image-processing-kotlin): Exemplos de processamento de imagem Android Kotlin incluindo leitura/escrita, dimensionamento e conversão de formato
- [Exemplos de Processamento de Imagem Web Python](https://elysiatools.com/pt/samples/web-image-processing-python): Exemplos de processamento de imagem Web Python usando PIL/Pillow incluindo leitura, salvamento, redimensionamento e conversão de formato
- [Exemplos de Processamento de Imagem Web Rust](https://elysiatools.com/pt/samples/web-image-processing-rust): Exemplos de processamento de imagem Web Rust incluindo leitura/gravação, redimensionamento e conversão de formato

## Conteúdo relacionado

- [Auditoria de acessibilidade web antes da publicação](https://elysiatools.com/pt/hubs/web-accessibility-audits): Revise a estrutura, a ordem de leitura, o contraste das capturas e os riscos de visão de cores de uma página ou componente, transformando achados automáticos em um registro revisado por uma pessoa.
