Gerador de Mockup de Navegador
Envolva uma captura de site em uma janela de navegador limpa — barra de título, barra de endereços e tudo mais — e baixe, grátis e direto no seu navegador.
Solte uma captura para enquadrar
Arraste e solte, cole ou escolha um arquivo
PNG · JPG · WebP — composto no seu dispositivo
Enquadre um site em uma janela de navegador
Uma captura de site parece muito mais convincente dentro de uma janela de navegador. A barra de título com seus botões de semáforo e a barra de endereços sinalizam «este é um site real» de relance — perfeito para portfólios, estudos de caso, landing pages e documentação.
Este gerador desenha um chrome de navegador limpo ao redor da sua captura e a posiciona sobre um fundo com espaçamento e sombra suave. É tudo vetorial, então a janela permanece nítida e sua captura mantém sua resolução total dentro da área de conteúdo.
Como criar um mockup de navegador
- Abra a captura do seu site. Uma captura paisagem de uma página encaixa melhor no frame do navegador.
- Selecione o frame Navegador. Uma barra de título, semáforos e uma barra de endereços aparecem ao redor da sua captura.
- Estilize. Adicione um degradê ou fundo colorido e ajuste espaçamento, sombra e inclinação.
- Baixe. Salve um PNG, JPG ou WebP em alta resolução.
Capture a largura total da página
Tire a captura em uma largura típica de desktop (por volta de 1280–1440px de largura) para que as proporções correspondam a um navegador real. Se sua captura já inclui chrome de navegador, recorte apenas o conteúdo da página primeiro para não duplicar.
More mockup & screenshot tools
Perguntas frequentes
O frame do navegador inclui barra de endereços?
Sim — o frame tem uma barra de título com botões de semáforo e uma barra de endereços, desenhados como chrome vetorial limpo.
Posso mudar o texto da barra de endereços?
A barra de endereços é uma pílula neutra sem texto editável nesta versão. Você pode adicionar uma anotação de texto por cima se precisar de um rótulo.
Qual orientação de captura é melhor?
Uma captura paisagem (larga) de uma página web encaixa mais naturalmente no frame do navegador.
Onde minha imagem é processada?
O mockup é composto no seu navegador, então a nova imagem é criada no seu próprio dispositivo. Como qualquer dado associado à ferramenta é tratado está descrito em nossa política de privacidade.
Mais ferramentas de imagem
Crop an image
Crop to any ratio or an exact pixel size.
Image toolResize an image
Change dimensions to exact pixels or presets.
Image toolCompress an image
Shrink file size without visible quality loss.
Image toolRotate an image
Rotate 90°, flip, or straighten a tilted photo.
Image toolConvert HEIC to JPG
Turn iPhone HEIC photos into universal JPG.
Image toolConvert image format
PNG, JPG and WebP — convert any to any.