Be Management Tools · Criativo · Capturas de tela

De captura de tela a mockup bonito

Solte uma captura de tela e receba um mockup caprichado com fundo em gradiente, sombra suave, cantos arredondados e moldura de navegador ou dispositivo. Exporte PNG em segundos.

100% grátis Sem cadastro Funciona no seu navegador Nada é enviado Exportação PNG e JPG
⬆
Solte uma captura de tela ou clique para enviarPNG, JPG, WebP · cole com Ctrl+V · nada é enviado
Saída: — Atalhos: Ctrl+S baixar · Ctrl+C copiar (com o canvas em foco)
🎨

Fundos que se destacam

12 predefinições grátis de gradiente, mesh, cor sólida e transparente, ou escolha duas cores e um ângulo para criar seu próprio gradiente. Granulação de filme opcional.

🖥️

Molduras de dispositivos reais

Janelas de Mac e Windows, um navegador com URL editável ou uma moldura de celular. A cor da moldura acompanha sua captura de tela automaticamente.

📐

Controle de layout

Margem interna, raio dos cantos, sombra, inclinação, borda interna, escala da imagem e proporções para redes sociais: 16:9, 4:3, 1:1, 4:5 e 9:16.

🔒

Privado por padrão

A renderização acontece em um canvas dentro do seu navegador. As capturas de tela nunca são enviadas e a ferramenta funciona offline.

Como deixar uma captura de tela com cara profissional

Uma captura de tela crua é recortada rente, tem bordas duras e geralmente fica sobre a cor que seu app usa. Isso parece "inacabado" em um tweet, uma landing page ou uma galeria do Product Hunt. Um bom mockup resolve quatro coisas, e o Screenshot Studio oferece cada uma delas como um controle deslizante ou um bloco.

  1. Dê espaço para respirar. A margem interna é a maior melhoria de todas. 48–96 px de espaço ao redor da captura deixam a sombra e o fundo fazerem seu trabalho; para posts em redes sociais, em que a imagem aparece pequena, use menos (24–40 px) para a interface continuar legível.
  2. Escolha um fundo que contraste. Uma interface clara fica mais nítida sobre um gradiente escuro ou saturado (Meia-noite, Pôr do sol, Oceano); uma interface escura se destaca em Pêssego, Mono ou um mesh claro. O gradiente não deve brigar com as cores da sua marca, então, na dúvida, use os seletores personalizados e pegue a cor do seu logo para uma das duas paradas.
  3. Use uma sombra suave, não uma sombra dura. Intensidade de sombra 40–60 com deslocamento de 20–30 px dá um visual natural de "cartão flutuante". Aumente apenas quando o fundo for muito claro.
  4. Escolha uma moldura adequada ao contexto. Uma moldura de navegador mostra que é um app web e permite exibir o domínio na barra de endereço. A janela de Mac ou Windows passa a ideia de app de desktop. A moldura de celular é para capturas mobile, de preferência com a proporção 9:16 ou 4:5. "Nenhuma" com cantos de 12–16 px é a opção mais limpa para documentação e posts de blog.

Finalize com uma legenda se a imagem precisar se explicar sozinha: um título curto ("Apresentando o Inbox Zero") e um subtítulo de uma linha. Mantenha a inclinação abaixo de 6°, a menos que queira um banner de destaque; fica dramático, mas o texto da captura fica mais difícil de ler.

Tamanhos recomendados para cada plataforma

Use os botões de proporção para ajustar seu mockup ao formato certo. O canvas mantém sua captura de tela em resolução total e só aumenta o fundo, então nada é reduzido ou desfocado. Exporte em 1x para a web e em 2x para qualquer coisa que será exibida em tela retina ou ampliada.

PlataformaProporçãoPixels recomendadosDica
Post do Twitter / X16:91600 × 900 (até 4096 de largura)Gradientes escuros resistem melhor à compressão da timeline.
Post do LinkedIn4:5 ou 1:11080 × 1350 / 1080 × 1080Imagens verticais ocupam mais espaço no feed; mantenha a margem interna pequena.
Galeria do Product Hunt16:101270 × 760Use a moldura de navegador com seu domínio real no campo de URL.
App Store / Play Store9:161290 × 2796 (6.7")Moldura de celular, legenda acima, exportação 2x (Pro) para texto nítido.
Shot do Dribbble4:31600 × 1200 ou 2800 × 2100Um fundo mesh e uma leve inclinação combinam com a estética do Dribbble.
Open Graph / capa de blog1.91:1 (use 16:9)1200 × 630Legenda ativada, fonte grande, fundo Mono ou Ardósia para facilitar a leitura.

Quem usa um embelezador de capturas de tela?

Criadores independentes e startups usam para tweets de lançamento, posts de changelog e a seção "Novidades" de uma landing page. Designers colocam explorações de interface em uma moldura antes de postar no Dribbble ou compartilhar com um cliente. Redatores técnicos e equipes de suporte adicionam margem interna e uma borda sutil para que as capturas na documentação não se misturem ao fundo da página. Profissionais de marketing estilizam em lote um conjunto inteiro de recursos com uma predefinição para que cada imagem de uma campanha fique consistente.

Tudo fica no seu dispositivo

O Screenshot Studio é uma página estática. Quando você solta uma imagem, ela é decodificada na memória, desenhada em um canvas junto com o fundo, a sombra e a moldura e codificada de volta para PNG ou JPG pelo seu navegador. Não há endpoint de upload nem renderização no servidor, então painéis confidenciais, recursos não lançados e dados de clientes nunca saem do seu computador. Suas configurações de estilo ficam salvas no localStorage para a ferramenta abrir exatamente como você deixou.

Perguntas frequentes

O Screenshot Studio é grátis?

Sim. Todos os fundos, molduras, controles de layout, legendas e a exportação PNG/JPG 1x são grátis e sem cadastro. Exportações grátis levam um pequeno selo "Screenshot Studio · grátis" no canto. O upgrade Pro opcional, com pagamento único, remove o selo e adiciona exportações 2x/4x, fundos premium, exportação em lote para ZIP e predefinições de estilo salvas ilimitadas.

Preciso enviar minha captura de tela?

Não. O mockup é renderizado com a API HTML5 Canvas dentro do seu navegador. Sua captura de tela nunca sai do seu dispositivo, nada é armazenado em servidor e a ferramenta continua funcionando offline depois que a página carrega.

Quais formatos de imagem posso usar?

Você pode soltar, escolher ou colar imagens PNG, JPG/JPEG, WebP, GIF (primeiro quadro) e BMP. A saída é PNG (com suporte a transparência) ou JPG com qualidade 92. Fotos HEIC de iPhones não são decodificadas pelos navegadores, então exporte-as primeiro como JPEG.

Posso remover a marca d'água?

Sim. A versão grátis adiciona um pequeno selo "Screenshot Studio · grátis" no canto inferior direito das exportações. O Screenshot Studio Pro, uma compra única, remove o selo de todas as exportações, incluindo 2x, 4x e downloads em ZIP em lote.

Posso estilizar várias capturas de tela de uma vez?

Com o Pro, você pode soltar várias capturas de tela ao mesmo tempo; as configurações atuais de fundo, moldura, layout e legenda são aplicadas a cada imagem e todos os resultados são baixados em um único arquivo ZIP. A versão grátis estiliza uma captura de tela por vez.

Posso exportar com fundo transparente?

Sim. Escolha o fundo "Transparente" e baixe como PNG. A sombra, a moldura e os cantos arredondados são preservados em um canvas transparente para você colocar o mockup em qualquer slide, site ou design. JPG não suporta transparência, então as exportações em JPG usam fundo branco.