polyshMockup de celular para capturas de tela
Mostre uma captura de tela de celular dentro de uma moldura moderna, pronta para docs ou redes sociais.
- Roda no seu navegador
- Sem uploads
- Sem conta
Carregando a ferramenta no navegador…
O que faz: Mockup de celular para capturas de tela
Uma captura de tela de celular crua é um retângulo alto e sem bordas, fácil de confundir com uma página web. Colocá-la dentro de uma moldura de celular deixa claro que é mobile. A moldura tem bordas finas, cantos de tela arredondados, um recorte de câmera em pílula no topo e botões laterais, nas cores Preto, Prata, Natural ou Azul.
Ajuste da captura lida com formatos diferentes. Automático mostra uma captura de tela de celular comum inteira e o topo de uma captura com rolagem muito alta. Largura ocupa a largura da tela e mostra o topo, Inteira encaixa tudo e Preencher cobre a tela e corta as bordas. Preenchimento da tela, em Mais opções, dá cor a qualquer espaço vazio. Para capturas no formato de iPad, use o Mockup de tablet para capturas de tela.
Exemplo
Você escolhe
O exemplo embutido de cobrança no celular (Usar exemplo), 786 × 1704 px
Você baixa
example-billing-settings-phone-mockup.png 1128 × 2026 px: celular preto sobre um degradê Rosado
A tela é desenhada com 786 px de largura, cerca de 2,17 vezes mais alta do que larga; a margem é de 16% da largura da tela.
Como usar: Mockup de celular para capturas de tela
- Clique em Escolher arquivo ou cole uma captura de tela de celular.
- Escolha o Ajuste da captura, a Cor do aparelho e o Fundo.
- Ajuste o Preenchimento da tela, a Margem interna e a Sombra em Mais opções e clique em Baixar .png.
Bom saber
- A moldura é de um celular moderno genérico, não de um modelo exato. Ela não reproduz o notch nem a disposição de botões de um aparelho específico para páginas de loja.
- Capturas de tela muito pequenas são ampliadas para pelo menos 640 px de largura de tela, o que as deixa menos nítidas. Capturas maiores (até 1290 px de largura) são desenhadas no tamanho real.
- Uma captura de tela de desktop em uma moldura de celular fica espremida. Capture antes a página com um viewport da largura de um celular; o Verificador de tamanho do viewport ajuda a definir um.
Perguntas sobre Mockup de celular para capturas de tela
Como coloco uma captura de tela em um mockup de celular?
Carregue aqui a captura de tela do celular e ela é colocada dentro da moldura automaticamente, centralizada sobre um degradê. Mude a Cor do aparelho e o Fundo como preferir e baixe o PNG.
O que fazem as opções de Ajuste da captura?
Automático mostra uma captura de tela de celular comum inteira e o topo de uma muito alta. Largura ocupa a largura da tela e mostra o topo. Inteira mostra a imagem toda, com preenchimento em volta. Preencher cobre a tela e corta as bordas.
Posso usar uma captura de tela da página inteira com rolagem?
Sim. Automático ou Largura mostra a primeira tela dela, e uma nota diz qual porcentagem está visível. Escolha Inteira para encolher a página toda dentro da tela, o que serve para uma visão geral rápida, mas deixa o texto pequeno.