# Como tirar screenshot de um web site inteiro e obter uma imagem completa

> Aprenda 4 métodos práticos para capturar screenshot de sites completos, incluindo partes abaixo da dobra. Ferramentas e extensões testadas. Capture!

URL: https://dpw.dev/miscelanea/como-tirar-screenshot-de-um-web-site-inteiro-e-obter-uma-imagem-completa/  
Publicado em: 2008-03-13  
Categoria: miscelanea  
Tags: ferramentas  
Autor: Tárcio Zemel

Para aqueles que precisam ter a imagem de um _web site_ inteiro, existem algumas possibilidades de se fazer isso. Aprenda como ter a imagem de um _site_ por completo.

Quando é preciso tirar um **_screenshot_ de um _site_ inteiro**, mesmo das partes que estrapolam a "dobra superior" (parte visíveil antes de se rolar o barra de rolagem), às vezes pode ser chato... Existem diversas maneiras de se fazer isso:

- **Fazer várias _screenshots_ de diferentes partes e depois juntar tudo em um programa de editoração de imagens;**
- **Utilizar um daqueles monitores que giram e ficam mais altos que largos (dependendo do tamanho do site, não funciona);**
- **Utilizar os serviços do _site_ Super Screenshot;**
- **Usar o _plugin_ para Firefox Screengrab!**

## Fazer várias _screenshots_ de diferentes partes e depois juntar tudo em um programa de editoração de imagens

Essa é a maneira mais demorada e chata. Deve-se tirar uma _screenshot_ da página "acima da dobra", abrir seu programa de editoração de imagens preferido e colar a imagem. Depois, rolar a tela até o limite inferior da última, tirar outra foto e colar novamente no programa de editoração de imagens; e assim por diante, até chegar ao fim da página ou ao ponto que se deseja capturar.

Posteriormente, cria-se um novo documento com a largura do _site_ e, para altura, coloca-se um valor bem alto, exagerado, mesmo. Então, pega a primeira screenshot para copiar e colar neste novo documento; pega-se a segunda, e coloca-se logo abaixo da primeira, e assim vai, até completar.

Bem "sacal", hã...?

## Utilizar um daqueles monitores que giram e ficam mais altos que largos

Estes monitores, apesar de nada baratos, costumam ser excelentes! A maioria é widescreen (bom para um filminho!) e tem uma definiçao muito boa. Quando se tem a oportunidade de se ter e/ou usar uma dessas belezas, basta girar a tela para que ela "fique maior" no sentido vertical, configurar a resolução para tal, entrar no _site_ que se quer e tirar uma foto dele.

Agora, dependendo do site que se entre (especialmente _blogs_), até mesmo este monitor não conseguirá captar toda a extensão. Portanto, este ainda não é o melhor método.

## Utilizar os serviços do _site_ Super Screenshot

O _site_ [Super Screenshot](http://www.superscreenshot.com/ "Visitar o Super Screenshot.") oferece o serviço de tirar uma foto completa de _web sites_ (**gratuitamente**). Entretanto, algumas vezes acontecem coisas estranhas com a imagem gerada, com elementos fora do lugar e outras coisas. Veja-se o exemplo no [artigo sobre o princípio Gestalt de alinhamento aplicado ao _web design_](http://www.desenvolvimentoparaweb.com/design/gestalt-aplicado-ao-design-web-parte-5-exemplos-web-do-principio-do-alinhamento/ "Ler o artigo do princípio do alinhamento.").

Essa foi quase, mas usar o [Super Screenshot](http://www.superscreenshot.com/ "Visitar o Super Screenshot.") ainda não é a melhor opção.

## Conclusão

Enfim, pessoal, segundo o que eu pude pensar (pelo menos por agora), a **maneira mais fácil, econômica, rápida e prática para se obter uma imagem de um web site completo** é, sem sombra de dúvidas, utilizar a extensão do Firefox Screengrab! Com ela, é possível capturar porções de _web sites_ ou toda sua extensão, de forma automática, salvando o arquivo diretamente (.webp) ou copiando para a área de transferência para uso posterior.

**Atualização:** O leitor **Richardson (Vix)** indicou que no navegador [Maxthon](http://www.maxthon.com/) tem o recurso nativo de tirar _screenshots_: captura a tela inteira, uma região, uma aba ou todas, além de outras opções. Para quem usa este _browser_, a facilidade para tirar fotos de _sites_ completos é ainda maior, já que não é preciso instalar extensões.

[**Cicero Cavalcante**](http://umgeek.wordpress.com/) [comentou](http://www.desenvolvimentoparaweb.com/miscelanea/como-tirar-screenshot-de-um-web-site-inteiro-e-obter-uma-imagem-completa/#comment-940) sobre o programa [WebShot](http://www.websitescreenshots.com/Default.aspx#download), que também serve para tirar _screenshot_ completo de um site.

**Amaral** citou o serviço [WebShotsPro.com](http://www.webshotspro.com).

Se alguém souber mais algum jeito para ter uma _screenshot_ completo de um _web site_, comente, por favor!

---

Fonte: [dpw - desenvolvimento para web](https://dpw.dev/) (pt-BR).
Guia para agentes: https://dpw.dev/llms.txt
Índice completo: https://dpw.dev/sitemap-index.xml
Feed: https://dpw.dev/rss.xml