Instalar · Capturar · Anotar · Exportar

Documentação

Como instalar e usar o OpenScreenShot, a extensão de código aberto de captura de tela e anotações para Chrome.

Instalar

O OpenScreenShot está disponível na Chrome Web Store.

  1. Abra a página do OpenScreenShot no Chrome.
  2. Clique em Usar no Chrome.
  3. Aceite as permissões. A extensão precisa da aba ativa e de permissão para executar o script de captura nela.
  4. O ícone do OpenScreenShot aparece na barra de ferramentas. Clique nele para abrir o popup.

Fazer uma captura de tela

Clique no ícone do OpenScreenShot na barra de ferramentas e escolha um dos três modos de captura. Tudo roda localmente no seu navegador. Há quatro formas de iniciar uma captura:

  • O popup — clique em um modo, ou pressione 13.
  • Um atalho de tecladoCtrl+Shift+S para a página inteira, Alt+Shift+V para a área visível, Ctrl+Shift+E para uma região. No macOS são ⌘⇧S, ⌘⇧V e ⌘⇧E. Reatribua em chrome://extensions/shortcuts.
  • O menu do botão direito — o submenu do OpenScreenShot em qualquer página oferece os mesmos três modos.
  • Repetir região — o rodapé do popup e o menu do botão direito recapturam o último retângulo de região. Os dois itens aparecem depois que você seleciona uma região.

A linha Atraso no popup segura a captura por 3, 5 ou 10 segundos, e o selo na barra de ferramentas faz a contagem regressiva. Use para estados de hover, menus suspensos e tooltips que fecham no momento em que você clica em outro lugar.

Modos de captura

Página inteira

Captura toda a página com rolagem e a costura em uma única imagem. A extensão rola a página janela por janela, captura cada bloco e os compõe juntos. Cabeçalhos fixos são capturados no primeiro bloco e compostos uma única vez no topo. Páginas que rolam um elemento interno em vez da janela também funcionam.

Área visível

Captura a área visível atual na hora. Sem rolagem. Use para uma captura rápida do que está na tela agora.

Região selecionada

Clique e arraste para desenhar um retângulo. Alças de redimensionamento aparecem em cada borda e canto. Use as teclas de seta para mover a seleção um pixel por vez, ou segure Shift para mover dez pixels por vez. Pressione Enter para confirmar ou Esc para cancelar.

Depois de uma captura

A linha Após capturar no popup escolhe o que uma captura concluída faz. Vale para todos os pontos de entrada: os botões do popup, os atalhos de teclado e o menu do botão direito.

  • Editor — abre o editor de anotações em uma nova aba. Este é o padrão.
  • Copiar — copia a captura e pula o editor. Cole direto em um chat, um documento ou uma issue.
  • Baixar — salva a captura na sua pasta de downloads e pula o editor. Os salvamentos rápidos saem em PNG.

Copiar e Baixar não abrem aba, então o selo na barra de ferramentas é a confirmação. Uma captura com falha pisca ! no selo. Reabrir última no rodapé do popup abre a captura mais recente no editor a qualquer momento.

Anotar

O editor abre em uma aba inteira e carrega a captura mais recente do armazenamento local. Cada ferramenta tem um atalho de uma letra.

  • Selecionar V — mova, redimensione ou exclua qualquer anotação. Clique duas vezes em uma camada de texto para editá-la de novo.
  • Retângulo R — desenha um retângulo de contorno.
  • Seta A — desenha uma seta direcional.
  • Linha L — a seta sem ponta.
  • Caneta P — desenho à mão livre.
  • Marca-texto H — um traço translúcido à mão livre.
  • Texto T — adiciona uma caixa de texto, com tamanho definido pelo controle de fonte.
  • Número do passo S — números que contam sozinhos e se renumeram quando você exclui um.
  • Desfoque B — oculta conteúdo sensível como desfoque suave, mosaico grosso ou preenchimento opaco. O preenchimento opaco sobrevive à recompressão.
  • Spotlight O — recortes em retângulo, retângulo arredondado ou elipse que se fundem em uma única camada escurecida.
  • Conta-gotas I — pega uma cor da captura. Ele amostra o que você vê, então uma cor dentro de um spotlight ou em um gradiente do Beautify é capturada como aparece. O botão de amostra na linha de cores abre o seletor de tela inteira do Chrome para qualquer coisa fora do canvas.
  • Recortar C — apara a imagem para uma área selecionada.

Segure Shift enquanto desenha para retângulos quadrados e linhas e setas a 45°. A barra de estilo traz uma paleta de 8 cores em 18, uma cor personalizada, cores recentes, três espessuras de traço e um controle de tamanho de fonte. Suas escolhas são lembradas entre sessões. Desfazer e refazer são Ctrl+Z / Ctrl+Shift+Z, ou ⌘Z / ⌘⇧Z no macOS.

Beautify

O painel Beautify na barra superior emoldura a captura para compartilhar: controles de margem interna, raio dos cantos e sombra, mais seis predefinições de gradiente, uma cor sólida personalizada ou um fundo transparente. O quadro tem prévia ao vivo e acompanha todas as exportações, a área de transferência e o PDF.

Anotar uma imagem que você já tem

Solte um arquivo de imagem sobre a área do editor, ou cole um com Ctrl+V / ⌘V fora de um campo de texto. A importação ocupa o mesmo lugar de uma captura, então todas as ferramentas, o quadro Beautify e todos os caminhos de exportação continuam funcionando, e a barra superior mostra Importada. Importar substitui a tela, então o editor pergunta antes quando há anotações a perder.

Exportar

Clique em Exportar na barra superior do editor, ou pressione Ctrl+S / ⌘S. Escolha um formato:

  • PNG — sem perdas, mantém a transparência.
  • JPEG — arquivos menores, qualidade ajustável.
  • WebP — qualidade ajustável como JPEG, transparência como PNG.
  • PDF — exporte como uma única página de imagem, ajustada a A4/Letter, ou dividida em várias páginas com sobreposição de 5 mm para o conteúdo não ser cortado no meio de uma linha.

Escala exporta a 25, 50, 100 ou 200%, ou em uma largura exata em pixels. Fica oculta para PDF, que se ajusta à página. Um tamanho acima do limite de canvas do Chrome é recusado em vez de gravado como um arquivo vazio.

Ctrl+C / ⌘C copia a imagem final direto para a área de transferência. O diálogo de exportação também pode salvar as configurações atuais como seus novos padrões.

Gravar uma aba

Clique em Gravar no popup, ou pressione Alt+Shift+X para parar quando uma gravação estiver em andamento. Na primeira gravação, o Chrome mostra um único aviso de permissão para a captura de abas; depois disso toda gravação começa em um clique.

Iniciar uma gravação

A linha Gravar no popup tem três interruptores — Mic, Som da aba e Webcam — ative os que quiser antes de clicar em Gravar. Com o mic ou a webcam ativos, o aviso de permissão do próprio navegador aparece em uma pequena bolha na página antes de a captura começar.

Se uma gravação navega para outro site, a barra de controle precisa da permissão opcional “Gravar em todos os sites” (veja Configurações) para acompanhá-la. Sem essa permissão o selo da barra de ferramentas fica âmbar; clique no ícone da barra de ferramentas ou interaja com a página de novo para reanexar a sobreposição.

A barra de controle

Uma pequena barra fica na parte de baixo da página enquanto você grava: um cronômetro, um chip para cada trilha ativada e os botões Pausar/Retomar, Parar e Cancelar. Com a webcam ativa, uma prévia circular arrastável flutua sobre a página — arraste para onde quiser e ela fica lá pelo resto da gravação.

A barra se esconde cerca de três segundos depois que o ponteiro sai dela, para ficar fora da gravação. Mova o cursor até o centro inferior da página para trazê-la de volta. Ela fica visível enquanto você passa o mouse sobre ela e enquanto a gravação está pausada.

O editor

Parar abre o editor de gravação com a sua tomada em uma linha do tempo. O editor adiciona um zoom suave de 2x a cada clique do seu cursor — ajuste ou exclua qualquer um deles, ou adicione seus próprios blocos de zoom manuais em 1,5x, 2x ou 3x. Apare o início ou o fim de qualquer segmento arrastando as alças. Ondas de clique marcam onde você clicou, e a bolha da webcam, o quadro Beautify e os controles de volume do mic e da aba ficam no painel lateral. Mostrar cursor desenha um ponteiro suave que segue o trajeto gravado do seu cursor; desative nas configurações.

Exportar

Exportar renderiza a tomada de novo via canvas, misturando as trilhas e os efeitos que você definiu, e baixa um arquivo WebM.

Rascunhos

Suas edições são salvas localmente enquanto você trabalha. Se a aba do editor fechar ou travar, a próxima aba do editor oferece o rascunho de volta. Restaurar é sempre um clique, então um rascunho antigo nunca substitui uma captura que você quis começar do zero. Uma imagem recortada ganha o próprio rascunho, então as anotações nunca são restauradas sobre a imagem errada.

Atalhos de teclado

Pressione ? no editor para a folha completa. Além das letras das ferramentas acima:

  • 18 — definem a cor da anotação.
  • Ctrl+C / ⌘C — copia para a área de transferência.
  • Ctrl+S / ⌘S — exporta.
  • Backspace — exclui a anotação selecionada.
  • Esc — limpa a seleção, ou cancela um recorte.
  • Ctrl / com +, ou 0 — aproxima, afasta, tamanho real. F ajusta à tela.
  • Espaço + arrastar — desloca o canvas.

Alt+Shift+X interrompe a gravação atual de qualquer lugar — não precisa do editor nem do popup abertos.

Configurações

Abra o ícone de engrenagem no popup para definir:

  • Tema — claro, escuro ou sistema.
  • Formato padrão — PNG, JPEG, WebP ou PDF.
  • Qualidade — para JPEG, WebP e PDF.
  • Modelo de nome de arquivo — clique em um chip de token para inserir {date}, {time}, {title}, {domain}, {w} ou {h}. Uma prévia ao vivo mostra o resultado.

As configurações ficam no armazenamento local deste dispositivo. Restaurar padrões no fim do painel pede dois cliques.

Gravar em todos os sites — desativado por padrão. Ativá-lo solicita a permissão de host opcional <all_urls>, para que a barra de controle da gravação e a sobreposição do cursor possam seguir uma aba que navega para um novo site no meio da gravação.

Agentes e CLI

openscreenshot (npm) é uma ferramenta local, separada e opcional para automatizar capturas pela linha de comando ou por um agente de IA. Ela usa o Chrome que já está no seu computador — sem download de navegador, sem serviço hospedado. Defina CHROME_PATH se o seu Chrome não for encontrado automaticamente.

npx openscreenshot shot https://example.com --out shot.png --full

Como servidor MCP, adicione isto à configuração do seu cliente MCP:

{ "command": "npx", "args": ["openscreenshot", "serve"] }

Depois chame a ferramenta capture_screenshot com { "url": "https://example.com" }.

Privacidade

O OpenScreenShot processa tudo localmente no seu navegador. As capturas ficam no armazenamento local do Chrome e não são enviadas a nenhum servidor. Gravações, registros do cursor e streams de mic/webcam ficam no IndexedDB do seu dispositivo até você excluí-los. A extensão não tem análise de uso, telemetria nem serviços de terceiros.

Veja a Política de Privacidade para todos os detalhes.

Obter ajuda

Veja a página de Suporte e FAQ para perguntas comuns e limitações conhecidas. Se precisar de mais ajuda, abra uma issue no GitHub.

Instale o OpenScreenShot

Grátis, de código aberto e privado. Disponível na Chrome Web Store.

Adicionar ao Chrome