Se você está procurando como capturar uma imagem completa de uma página web no Mac ou PC, este post para você. Eu tentei um punhado de ferramentas e técnicas que dizem ser capaz de capturar uma página web inteira, mas apenas algumas ainda funcionam a partir desta escrita.

Você quer fazer isso rapidamente, então eu vou te mostrar como fazê-lo passo a passo. Eu também vou apontar os prós e os contras de cada método, só queria poupar seu tempo para descobrir qual método é o melhor para você.

Este guia é para aqueles que querem tirar uma imagem inteira da página web inteira ou longa - o que significa que há seções que não são totalmente visíveis na sua tela.

Se você quiser simplesmente capturar uma janela estática ou uma tela completa da área de trabalho, este guia é não Você pode usar as ferramentas embutidas no seu computador ou telefone para fazer isso rapidamente: Shift + Command + 4 (macOS) ou Ctrl + PrtScn (Windows).

Resumo:

• Não quer baixar nenhum software ou extensão? Tente Método 1 ou Método 7 .
• Se você estiver usando o navegador Mozilla Firefox, tente Método 2 .
• Se você quiser capturar as capturas de tela, bem como fazer edições simples, tente Método 3, 5, 6 .

Atualização rápida : Para usuários de Mac, é até possível capturar uma imagem de tela em tamanho real sem a extensão de um navegador.

1. abrir DevTools no Cromo (comando + opção + I)

2. abra o menu de comandos (comando + shift + P) e digite "screenshot" (captura de tela)

Selecione uma das duas opções "Capturar imagem de tela em tamanho real" de "Capturar imagem de tela".

4. a imagem capturada será descarregada para o seu computador.

— Dica dada pelo nosso leitor, Hans Kuijpers.

1. imprimir e salvar uma página web inteira em PDF

Suponha que você queira extrair, digamos, uma folha de Demonstração de Resultados do Yahoo Finance. Primeiro, abra a página em um navegador da web. Aqui, eu uso o Chrome no meu Mac como exemplo.

Passo 1: No menu Cromado, clique em File> Print.

Passo 2: Clique no botão "Salvar" para exportar a página para um arquivo PDF.

Passo 3: Se você quiser incorporar a folha financeira em um projeto PowerPoint, você pode precisar converter o PDF em uma imagem em formato PNG ou JPEG primeiro, então recorte a imagem apenas para incluir a parte de dados.

Prós:

• É rápido.
• Não há necessidade de fazer o download de qualquer software de terceiros.
• A qualidade da imagem da tela é boa.

Contras:

• Pode ser necessário tempo extra para converter o arquivo PDF em uma imagem.
• É difícil personalizar diretamente as capturas de tela.

2. capturas de ecrã Firefox (para utilizadores Firefox)

Firefox Screenshots é uma nova funcionalidade desenvolvida pela equipe Mozilla para ajudá-lo a tirar, baixar, coletar e compartilhar screenshots. Você pode usar esta funcionalidade para salvar rapidamente uma screenshot de uma página da web inteira.

Passo 1: Clique no menu de ações da página na barra de endereço.

Passo 2: Seleccione a opção "Guardar página inteira".

Passo 3: Agora você pode optar por baixar a imagem diretamente para o desktop do seu computador.

Exemplo: um longo artigo que publiquei recentemente: o melhor limpador Mac, incluindo uma aplicação gratuita.

Nota lateral : Eu vi que esta funcionalidade ainda está no BETA, por isso não é garantido que o Firefox a mantenha. Mas quando este post foi atualizado pela última vez, esta funcionalidade ainda está acessível. Além disso, o navegador web mais popular como o Apple Safari ou o Google Chrome ainda não oferece esta funcionalidade.

3. caixa de ferramentas Parallels para Mac (Safari)

Se você quiser tirar uma imagem de tela rolante no Mac, você vai adorar esta funcionalidade chamada "Screenshot Page" em Caixa de ferramentas Parallels que inclui um punhado de pequenas utilidades.

Nota: Parallels Toolbox não é freeware, mas oferece um teste de 7 dias sem qualquer limitação funcional.

Passo 1: Baixe a Parallels Toolbox e instale o aplicativo no seu Mac. Abra-o e encontre Tirar imagens> Página de captura de ecrã .

Passo 2: Clique em Página de captura de tela e ele o levará para outra janela pedindo para adicionar uma extensão ao Safari. Uma vez ativado, você verá este ícone aparecer no seu navegador Safari.

Passo 3: Selecione a página que você deseja capturar e clique no ícone de captura de tela Parallels, ele então rolará automaticamente sua página e fará uma captura de tela e salvará como um arquivo PDF no seu desktop.

Usei esta página no Software como exemplo e funcionou muito bem.

Prós:

• A qualidade do arquivo PDF de saída é muito boa.
• Você não tem que rolar manualmente, pois o aplicativo fará isso por você.
• Além de captar uma página web, você também pode capturar uma área ou janela.

Contras:

• Leva um pouco de tempo para instalar o aplicativo.
• Não é freeware, embora não seja fornecido um teste de 7 dias sem limitação.

4. Plugin de Imagem Fantástico (para Chrome, Firefox, Safari)

O Awesome Screenshot tem um plugin que pode capturar toda ou parte de qualquer página web. Além disso, permite editar as capturas de tela: Você pode comentar, adicionar anotações, informações confidenciais, etc. O plugin é compatível com os principais navegadores web, incluindo Chrome, Firefox e Safari.

Aqui estão os links para adicionar o plugin:

• Crómio
• Firefox (Nota: uma vez que o Firefox Screenshots está agora disponível, não recomendo mais este plugin. Consulte o método 2 para mais informações).
• Safari

Eu testei o plugin no Chrome, Firefox e Safari, e todos eles funcionam bem. Para facilitar, vou usar o Google Chrome como exemplo. Os passos para usar o Awesome Screenshot para Firefox e Safari são bem parecidos.

Passo 1: Abra o link Cromo acima e clique em "ADICIONAR A CHROME".

Passo 2: Carregue em "Adicionar extensão."

Passo 3: Quando o ícone de extensão aparecer na barra Chrome, clique sobre ele e selecione a opção "Capturar página inteira".

Passo 4: Em poucos segundos, essa página web desce automaticamente. Uma nova página se abrirá (veja abaixo), mostrando-lhe a captura de tela com um painel de edição que lhe permite recortar, anotar, adicionar imagens, etc. Clique em "Done" (Concluído) quando terminar.

Passo 5: Pressione o ícone "download" para salvar a imagem da tela. É isso!

Prós:

• Extremamente fácil de usar.
• Os recursos de edição de imagem são ótimos.
• É compatível com os principais navegadores da web.

Contras:

• A extensão pode encontrar alguns problemas operacionais, de acordo com seu desenvolvedor. Eu ainda não experimentei nenhum desses problemas.

5. capturar uma janela de rolagem ou página inteira com o Snagit

Eu realmente gosto Snagit (revisão). É um poderoso aplicativo de captura e edição de tela que permite fazer quase tudo relacionado à captura de tela. Para fazer uma captura de tela completa de uma página web, siga os passos abaixo (usarei Snagit para Windows como exemplo):

Atenção: Snagit não é freeware, mas tem um período de teste gratuito de 15 dias.

Passo 1: Obtenha Snagit e instale-o no seu PC ou Mac. Abra a janela principal de captura. Em Imagem> Selecção Certifique-se de escolher "Scrolling Window". Pressione o botão vermelho Capture para continuar.

Passo 2: Localize a página web que deseja capturar, depois mova o cursor para essa área. Agora o Snagit será ativado e você verá três botões de seta amarela se movendo. A seta inferior representa "Capture Vertical Scrolling Area", a seta direita representa "Capture Horizontal Scrolling Area" e a seta inferior direita representa "Capture Entire Scrolling Area".Opção "Vertical Scrolling Area" (Área de rolagem vertical).

Passo 3: Agora Snagit rola a página automaticamente e captura as partes fora da tela. Logo, uma janela do painel do Snagit Editor irá aparecer com a captura de tela que acabou de tirar. Veja os recursos de edição disponíveis listados ali? É por isso que Snagit se destaca da multidão: Você pode fazer quantas mudanças quiser, com toneladas de opções.

Prós:

• É capaz de capturar uma página web rolante, bem como uma janela.
• Poderosos recursos de edição de imagem.
• Muito intuitivo e fácil de usar.

Contras:

• Leva tempo para baixar e instalar o aplicativo (~90MB de tamanho).
• Não é grátis, embora venha com um teste de 15 dias.

6. Capto App (apenas para Mac)

Capto é um aplicativo de produtividade para muitos usuários de Mac, incluindo eu mesmo. O valor central do aplicativo é gravar vídeos de tela no seu Mac, mas também permite capturar capturas de tela e salvar as imagens em sua biblioteca. Você pode então editar, organizar e compartilhar facilmente.

Nota: Semelhante ao Snagit, o Capto também não é freeware, mas oferece um teste do qual você pode tirar proveito.

Veja como tirar uma foto inteira usando o Capto:

Passo 1: Abra o aplicativo e na parte superior do menu, clique no ícone "Web". Lá você pode escolher capturar a URL de uma página da Web de diferentes maneiras. Por exemplo, se você já estiver na página, basta clicar em "Snap Active Browser URL".

Passo 2: Você também pode editar a captura de tela, por exemplo, destacar uma área, adicionar uma seta ou texto, etc., usando as ferramentas no painel esquerdo.

Passo 3: Agora o Capto vai extrair os elementos da página e salvar uma imagem em sua biblioteca. Você então seleciona File> Exportar para salvá-la localmente.

Nota: se você optar por deixar o Capto capturar uma página web do navegador ativo, isso pode levar algum tempo no caso de uma página web mais longa.

Outros métodos

Durante a minha exploração, também encontrei alguns outros métodos de trabalho. Não quero apresentá-los acima porque não são tão bons considerando o tempo e o esforço que você precisa investir e a qualidade da produção. No entanto, eles funcionam, então sinta-se à vontade para experimentar alguns deles.

7. capturar uma imagem de tela em tamanho real no cromado sem extensão de navegador

Esta dica foi gentilmente partilhada por um dos nossos leitores, Hans Kuijpers.

• Abrir DevTools em Cromo (OPÇÃO + CMD + I)
• Abra o menu de comando (CMD + SHIFT + P) e digite "screenshot" (captura de tela)
• Seleccione uma das duas opções "Capturar imagem de ecrã em tamanho real" de "Capturar imagem de ecrã".
• A imagem capturada será descarregada para o seu computador.

8. Web-Capture.Net

É um serviço online de captura de tela de site completo. Você primeiro abre o site, copia a URL de uma página web que você deseja capturar e cola aqui (veja abaixo). Você também pode escolher qual formato de arquivo exportar. Pressione "Enter" no seu teclado para continuar.

Seja paciente. Levei cerca de dois minutos antes de ver a mensagem: "Seu link foi processado! Você pode baixar o arquivo ou o arquivo ZIP." Agora você pode baixar a captura de tela.

Prós:

• Funciona.
• Não há necessidade de instalar qualquer software.

Contras:

• Toneladas de anúncios em seu site.
• O processo de captura de tela é lento.
• Sem recursos de edição de imagem.

9. captura de tela de página inteira (Extensão cromada)

Semelhante ao Awesome Screenshot, Full Page Screen Capture é um plugin Chrome que é incrivelmente fácil de utilizar. Basta instalá-lo (aqui está o link para a sua página de extensão) no seu navegador Chrome, localizar a página Web que pretende capturar e premir o ícone de extensão. A captura de ecrã é feita quase instantaneamente. No entanto, achei menos apelativo porque não tem as funcionalidades de edição de imagem que o AwesomeA captura de ecrã tem.

10. Paparazzi (Só Mac)

Update: este aplicativo não é atualizado há muito tempo, pode haver problemas de compatibilidade com o macOS mais recente, por isso não o recomendo mais.

Paparazzi! é um utilitário Mac desenvolvido por Nate Weaver especificamente para fazer screenshots de páginas web. É bastante intuitivo. Basta copiar e colar o link da página web, definir o tamanho da imagem ou o tempo de atraso, e o aplicativo retornará o resultado para você. Uma vez feito isso, clique no ícone de download localizado no canto inferior direito para exportar a captura de tela.

A principal preocupação que tenho é que o aplicativo foi atualizado pela última vez há alguns anos, então não tenho certeza se ele será compatível com futuras versões do MacOS.

Estas são as diferentes maneiras de tirar screenshots para uma página web completa ou rolante. Como disse na seção de resumo rápido, os diferentes métodos têm suas próprias vantagens e desvantagens, então não deixe de escolher o que melhor se adapta às suas necessidades. Vou deixar para você escolher qual(is) usar.

Como sempre, se você tiver alguma dúvida ou sugestão, sinta-se à vontade para deixar um comentário abaixo.