Coloque prints de tela dentro de uma moldura de navegador estilo macOS com sombra e fundo gradiente e baixe em PNG de alta resolução.
Arraste seu print de tela aqui
Compatível com PNG e JPG (máx. 1 arquivo)
Coloque prints de tela dentro de uma moldura de navegador estilo macOS com sombra e fundo gradiente e baixe em PNG de alta resolução. Use no trabalho, desenvolvimento, estudo ou em verificações rápidas.
Esta ferramenta funciona no navegador. Antes de usar dados sensíveis, confirme que o dispositivo e o navegador são confiáveis.
Colar um print de página web direto em uma apresentação ou em um post costuma ficar sem graça, e nem sempre fica claro que aquilo é um site. Esta ferramenta envolve o seu print em uma janela de navegador estilo macOS, com os botões vermelho, amarelo e verde, barra de endereço, cantos arredondados e uma sombra suave, e o coloca sobre um fundo gradiente. Em segundos você tem uma imagem caprichada para apresentações, páginas de produto, portfólios ou posts no X.
O uso é simples: clique na área de envio ou arraste uma imagem para ela. PNG e JPG são aceitos, um arquivo por vez. Nas opções de estilo você escolhe entre quatro fundos gradientes ou um fundo escuro liso, sem gradiente. O espaçamento interno tem três tamanhos, S, M e L, que definem quanto espaço fica ao redor do print. O tema da janela pode ser escuro ou claro, para combinar com as cores da sua captura, e cada mudança aparece na hora na prévia à direita.
No texto da barra de endereço você pode digitar qualquer endereço ou texto, como o domínio do seu produto ou o caminho de uma página. Textos longos são cortados com reticências, então nunca transbordam da barra. Ao clicar em «Baixar mockup PNG», a ferramenta redesenha a imagem inteira em um canvas no navegador e exporta um PNG nítido com 1600 pixels de largura. A altura acompanha a proporção do print, então até uma captura de página inteira é preservada por completo.
Toda a montagem acontece no seu computador, e os prints nunca são enviados a um servidor do AlpaKit, o que torna a ferramenta segura para telas de produtos ainda não lançados ou painéis internos. Por enquanto a moldura tem apenas o estilo macOS e o fundo não pode ser transparente. Se o print for bem mais estreito que 1600 pixels, ele é ampliado na exportação e o texto pode ficar um pouco borrado; sempre que possível, capture em uma tela de alta resolução ou com uma janela maior.
O PNG exportado tem sempre 1600 pixels de largura, incluindo o espaçamento do fundo, a moldura da janela e o print. A altura é calculada a partir da proporção da sua captura e do espaçamento escolhido. Os prints são redimensionados para a largura da janela, então uma imagem de baixa resolução pode ficar um pouco borrada depois de ampliada.
Por enquanto, não. Ao escolher a opção sem gradiente, o fundo fica em uma cor escura sólida, não transparente. Se precisar de transparência, exporte a imagem aqui e depois remova a cor de fundo com uma ferramenta de remoção de fundo ou um editor de imagens.
Só existe a moldura de navegador estilo macOS, com tema escuro e claro. Os três botões no canto superior esquerdo e a barra de endereço têm design fixo e não podem ser trocados por uma janela do Windows ou uma moldura de celular.
Não. A imagem é lida e montada em um canvas dentro do navegador, e o PNG baixado é gerado localmente. Seu print não é enviado para lugar nenhum, então você pode usar a ferramenta com tranquilidade mesmo com telas confidenciais.
Ver esta categoria: Design e cores
Crie letreiros luminosos personalizando cores, pulsação e sombras brilhantes com exportação de código CSS.
Extraia cores exatas pixel a pixel de qualquer imagem com lupa de alta precisão e veja a paleta dominante.
Configure e visualize layouts CSS Flexbox e Grid de forma visual, veja animações e copie o código CSS gerado.
Gere combinações harmônicas de cores a partir de uma cor base com exportação em códigos HEX e RGB.
