Como fazer capturas de tela

Informações da edição
  • Id da edição: 308808
  • Criação:
  • Criador: SuMo Bot
  • Comentário: Automatically approved because it was not reviewed within 72 hour(s).
  • Revisado: Sim
  • Revisado:
  • Revisado por: SumoBot
  • Aprovado? Sim
  • É a edição atual? Sim
  • Pronto para tradução: Não
Origem da edição
Conteúdo da edição

Nota: Consulte Como criar uma captura de tela do meu problema? se precisar de ajuda para criar uma captura de tela para adicionar a uma pergunta no fórum de suporte da Mozilla.

Este artigo explica como criar uma captura de tela e como editar imagens de captura de tela em diferentes sistemas operacionais e dispositivos, para usar em artigos da Base de Conhecimento. Para saber como adicionar capturas de tela e outras imagens a artigos da BC, consulte Como inserir imagens em um artigo.

Marcadores visuais

Marcadores visuais são fundamentais para tornar a documentação clara e fácil de usar. Esses marcadores chamam a atenção para áreas específicas em uma imagem, guiando os usuários em cada etapa de um processo.

Cor do contorno

Use um contorno vermelho (especificamente a cor hexadecimal #f71701) para delinear seções importantes de suas capturas de tela. Essa escolha de cor garante que as áreas destacadas atraiam atenção imediata.

Estilo dos cantos

Adote cantos quadrados para os contornos para obter harmonia visual em suas anotações de captura de tela.

Espessura da linha

Equilibre a espessura do contorno entre 4 e 8 pontos (pt) para obter visibilidade uniforme em capturas de tela de tamanhos variados.

Alinhe centralmente os elementos de interface destacados

Alinhe o elemento de interface centralmente dentro do contorno vermelho para melhorar a clareza e o reconhecimento.

Screenshot outline example

Marcadores de passos sequenciais

O uso de marcadores de passos sequenciais em capturas de tela vincula cada ação na interface do usuário às suas etapas de texto correspondentes. Isso reduz a ambiguidade e a necessidade de várias imagens. É especialmente útil para instruções mais longas na mesma janela ou contexto. Ao empregar este método, você pode mostrar várias instruções em uma única captura de tela com indicadores claros para cada ação na interface. Aqui está um exemplo de um cenário apropriado para usar esta abordagem:

Sequential Step Markers example

Para adicionar esses marcadores às suas capturas de tela, abra a captura de tela em seu editor de imagens preferido. Em seguida, salve os marcadores da Sequential step markers list e posicione-os nas seções apropriadas da captura de tela.

Preparação e edição de imagens

Tamanho

Garanta que as capturas de tela tenham um tamanho compacto. Para melhorar os tempos de carregamento e a acessibilidade, principalmente para usuários com conexões de internet mais lentas, é melhor manter as dimensões das capturas de tela abaixo de 620 pixels de altura e largura.

Example image size

Recorte

  • Garanta que capturas de tela maiores sejam recortadas para destacar os elementos de interface pertinentes à tarefa em questão.
Cropped screenshot example

Simplificações

  • Simplifique capturas de tela complexas eliminando elementos de interface não essenciais, reduzindo a carga cognitiva para os usuários. Opte por tons de cinza suaves como #D4D4D4 e #E0E0E8 em vez de cores brilhantes ou escuras. Esses tons mais claros ajudam a minimizar as distrações, permitindo que os usuários se concentrem nas partes importantes da captura de tela.
Simplified screenshot example

PII

  • Elimine todas as Informações de Identificação Pessoal (PII) das capturas de tela, incluindo e-mails, nomes de usuário e quaisquer dados pessoais que possam identificar um indivíduo.
Remove PII example

Modo claro

  • Capture capturas de tela no “Modo Claro” sempre que possível, pois as imagens no “Modo Escuro” podem não ser tão facilmente discerníveis para alguns usuários.

O Paint no Windows e o Preview no Mac são softwares úteis para recortar e editar imagens de captura de tela. Você também pode usar freeware como o GIMP no Windows, Mac e Linux. Outras ferramentas de edição estão listadas no final deste artigo.

Capturas de tela no Windows

Criar uma captura de tela

Assim que a tela estiver exibindo a informação desejada:

  1. Pressione a tecla print screen (Print Screen ou Prnt Scrn ou prt sc ou PrtSc ou PrtScr, dependendo do seu teclado). Esta tecla geralmente é encontrada na seção superior direita do seu teclado. Para capturar apenas a janela ativa, mantenha pressionada a tecla Alt antes de pressionar a tecla print screen.
  2. Vá para o menu Iniciar do Windows e abra o programa Microsoft Paint na lista de Programas (procure em Acessórios).
  3. Quando o Paint estiver aberto, clique em Colar e sua captura de tela aparecerá.
  4. Salve sua imagem como um arquivo PNG, em um local fácil de encontrar, como sua área de trabalho.

Recortando capturas de tela no Paint

Recortar capturas de tela permite editar uma imagem grande para mostrar aos leitores apenas o que eles precisam ver.

  1. Abra a captura de tela no Paint.
  2. Na barra de ferramentas, clique em Selecionar+Seleção retangular.
    Paint1
  3. Seu cursor agora parece uma bússola. Use o cursor para desenhar um retângulo ao redor da área que você deseja que apareça na imagem final.
  4. Clique em Crop.

Fazendo recortes de tela no Paint

Recortes de tela permitem que você se concentre em uma pequena parte de uma imagem dentro de uma imagem maior. Você pode querer mostrar um botão em uma barra de ferramentas inteira.

  1. Abra a captura de tela no Paint.
  2. Na barra de ferramentas Formas, selecione a forma de retângulo.
    Paint3
  3. Na barra de ferramentas Cores, selecione a cor vermelha.
    Paint4
  4. Seu cursor agora parece uma bússola. Use o cursor para desenhar um retângulo vermelho ao redor da área que você deseja destacar.
    Paint2

Redimensionando imagens no Paint

Algumas capturas de tela saem grandes. Mas é melhor não usar capturas de tela com mais de 620 pixels de comprimento ou largura. Veja como redimensionar uma captura de tela grande.

  1. Abra a captura de tela no Paint.
  2. Clique em Resize na barra de ferramentas. Uma janela Redimensionar e Inclinar é aberta.
  3. Verifique se a altura e a largura estão ambas abaixo de 620 pixels. Se forem maiores, digite um número menor na barra horizontal ou vertical.
    Paint5

Capturas de tela no Mac

Criar uma captura de tela

Assim que a tela estiver exibindo a informação desejada:

  • Para capturar a tela, mantenha pressionada a tecla Command, bem como a tecla Shift, enquanto pressiona 3.
  • Para capturar uma seção específica, mantenha pressionada a tecla Command, bem como a tecla Shift, enquanto pressiona 4; em seguida, selecione a área que deseja copiar.
  • Para capturar uma janela específica, mantenha pressionada a tecla Command, bem como a tecla Shift, enquanto pressiona 4; em seguida, pressione a Spacebar. Você pode então clicar em uma janela para capturá-la.

Como resultado, haverá um arquivo PNG em sua área de trabalho.

Recortando imagens no Preview

Recortar capturas de tela permite editar uma imagem grande para mostrar aos leitores apenas o que eles precisam ver.

  1. Abra a captura de tela no Preview.
  2. Clique em PreviewToolbar na barra de ferramentas. Uma segunda barra de ferramentas é aberta.
  3. Seu cursor agora parece uma bússola. Use o cursor para desenhar um retângulo ao redor da área que você deseja que apareça na imagem final.
    Preview2
  4. Clique em Crop.

Fazendo recortes de tela no Preview

Recortes de tela permitem que você se concentre em uma pequena parte de uma imagem dentro de uma imagem maior. Por exemplo, você pode querer destacar um botão em uma barra de ferramentas inteira.

  1. Abra a captura de tela no Preview.
  2. Clique em Tools > Annotate > Rectangle.
  3. Um retângulo vermelho aparece. Ajuste o retângulo para que ele se encaixe ao redor da área que você deseja destacar.
    ReloadiOS

Redimensionando imagens no Preview

Algumas capturas de tela saem grandes. Mas é melhor não usar capturas de tela com mais de 620 pixels de comprimento ou largura. Veja como redimensionar uma captura de tela grande.

  1. Abra uma captura de tela no Preview.
  2. Clique em Tools > Adjust Size. Uma janela é aberta.
  3. Verifique se a altura e a largura estão ambas abaixo de 620px. Se forem maiores, digite um número menor na barra de altura ou largura.
  4. Certifique-se de que Scale Proportionally esteja marcado e clique em OK.
    ScalePreview

Capturas de tela no Linux

Criar uma captura de tela

Assim que a tela estiver exibindo a informação desejada:

  • No Ubuntu Linux, clique no menu Applications, vá para a pasta Accessories e selecione Take Screenshot.
  • Em outros casos, dependendo do seu gerenciador de desktop, você pode usar KSnapshot ou Gnome-screenshot ou usar a tecla Print Screen ou Prnt Scrn ou prt sc ou PrtSc, dependendo do seu teclado, para capturar sua tela.

Capturas de tela em dispositivos iOS

Criar uma captura de tela

Quando a tela estiver apresentada da forma que você deseja em seu iPhone ou iPad:

  1. Pressione e segure o botão Repousar/Despertar e, em seguida, pressione imediatamente o botão Início.
  2. Sua tela piscará em branco por um segundo e o dispositivo fará um som de obturador de câmera (se o volume estiver ativado) para indicar que a captura de tela foi feita.
  3. A captura de tela agora está armazenada em seu aplicativo de fotos para você visualizar.
Dispositivos iOS: Em dispositivos iPhone 6 e superiores, o botão Repousar/Despertar fica no lado direito do dispositivo.

Capturas de tela em dispositivos Android

Criar uma captura de tela

Quando a tela estiver apresentada da forma que você deseja em seu celular ou tablet Android:

  1. Pressione e segure o botão Ligar/desligar e o botão de diminuir volume simultaneamente. A tela pisca.
  2. Encontre a captura de tela no aplicativo Galeria.
  3. Envie a captura de tela para o seu computador. Se quiser, edite a captura de tela em um software de edição de imagens como o Paint ou o Preview.
  • Em celulares com Android puro com a versão 9 (Pie) do Android instalada, você pode simplesmente pressionar e segurar o botão liga/desliga/bloqueia, o que fará com que o menu Ligar/desligar seja exibido. Dentro do menu Ligar/desligar, selecione Captura de tela (a terceira opção na parte inferior do menu) e uma captura de tela será salva automaticamente na galeria do seu celular.
  • Nem todos os dispositivos Android funcionam da mesma maneira. Se os métodos acima não funcionarem e seu dispositivo tiver um botão de início, pressione e segure o botão de início e o botão de ligar/desligar ao mesmo tempo, até que a tela pisque. Para outros métodos, consulte estes artigos:

Ferramentas

Diretrizes completas da Base de Conhecimento

Veja mais diretrizes em Artigos da Base de Conhecimento para colaboradores.