Gerador de mockup de captura de tela
Coloque uma captura de tela em uma moldura de janela de navegador, janela de app, celular, tablet ou notebook, com fundo em gradiente ou sólido e sombra. Baixe em PNG.
Executa totalmente no seu navegador. Seus dados nunca são enviados.
O que é Mockup de captura de tela?
A ferramenta de mockup emoldura sua captura de tela em um dispositivo ou janela genérica e limpa: uma janela de navegador clara ou escura com a sua URL na barra de endereço, uma janela de aplicativo simples, um celular, um tablet ou um notebook. Acrescente um fundo em gradiente, sólido ou transparente, espaçamento e sombra, e exporte um PNG pronto para landing pages, documentação ou posts em redes sociais.
Como usar Mockup de captura de tela
- Solte, escolha ou cole uma captura de tela.
- Escolha uma Moldura e, nas molduras de navegador, digite o Texto da barra de endereço.
- Escolha o Fundo (gradiente, cor sólida ou transparente), as cores, o Espaçamento e a Sombra.
- Baixe o mockup em PNG.
Exemplo
40×20 screenshot, frame Browser window (light), padding 0, transparent background
40×64 PNG: a 44 px title bar with window dots and address bar above the screenshot
Quando usar Mockup de captura de tela
Use-o para deixar capturas de tela mais caprichadas em páginas de produto, arquivos README, changelogs, apresentações ou tweets. Para renderizações fotorrealistas de dispositivos ou mockups em perspectiva, use uma ferramenta de design dedicada.
Como funciona Mockup de captura de tela
Tudo é desenhado em um canvas. Janelas de navegador e de aplicativo são dimensionadas pela captura (uma barra de título é acrescentada acima dela, com tamanhos proporcionais à largura da captura), então a captura mantém a resolução total. Molduras de celular, tablet e notebook usam proporções de tela fixas (19,5:9, 4:3 e 16:10): a captura é ajustada à largura da tela e desenhada a partir do topo, com o excesso cortado. As molduras são formas genéricas simples, não réplicas de dispositivos de marcas específicas.
Casos de Uso Comuns
- Exibir a captura de tela de um app web em uma landing page.
- Acrescentar uma moldura de navegador às capturas de tela da documentação.
- Criar um mockup de celular de um site mobile para redes sociais.
- Fazer imagens de changelog consistentes com um fundo em gradiente da marca.
Nota de Segurança
As imagens são decodificadas, processadas e codificadas localmente no seu navegador com a Canvas API. Nada é enviado a um servidor.
Perguntas Frequentes
Minha captura de tela será redimensionada?
Nas molduras de navegador e de aplicativo, ela mantém o tamanho original. Nas molduras de celular, tablet e notebook, ela é ajustada à largura da tela e cortada embaixo se for mais alta que a tela.
Posso ter um fundo transparente?
Sim, escolha Transparente como fundo; o PNG mantém a transparência ao redor da moldura e da sombra.
São modelos reais de dispositivos?
Não. As molduras são designs neutros e genéricos, para que possam ser usadas livremente sem preocupações com marcas registradas.