mydevice: veja seu site rodando dentro de um celular de verdade

O mydevice abre qualquer site dentro de uma moldura realista de celular, tablet ou computador, usando a emulação de verdade do aparelho — o mesmo user-agent, o mesmo viewport e o mesmo suporte a toque que o site receberia de um celular físico, e não um desenho por cima de um print. Escolha o aparelho e a cor da moldura e baixe o mockup pronto em PNG com fundo transparente.

Como usar em três passos

1. Cole o endereço do site no campo lá em cima e clique em Carregar.
2. Escolha o aparelho na lateral, entre celulares, tablets e telas de desktop.
3. Escolha a cor da moldura e clique em Baixar moldura.

Por que a emulação de verdade faz diferença

A maioria das ferramentas de mockup faz uma de duas coisas: cola um print estático dentro de um desenho de celular, ou embute o site num iframe. As duas têm limites sérios.

Um print é uma imagem parada — não dá para navegar até a tela interna que você precisa mostrar. Já o iframe roda dentro do seu navegador, então o site enxerga o user-agent de um computador e entrega o layout de desktop, mesmo espremido num retângulo do tamanho de um celular. Aplicações web modernas e PWAs decidem o que mostrar com base nesses sinais, e por isso aparecem erradas. Fora que muitos sites recusam ser embutidos, e a moldura fica em branco.

No mydevice o site é aberto num navegador real, no servidor, com o aparelho escolhido emulado por completo: user-agent móvel, eventos de toque e a resolução exata do viewport. O site recebe exatamente os mesmos sinais que receberia de um aparelho físico e entrega o layout móvel de verdade. Como nada é embutido no seu navegador, restrições de X-Frame-Options e Content-Security-Policy deixam de ser um problema.

Aparelhos disponíveis

Cada modelo usa a resolução lógica e a densidade de tela do aparelho real:

Para quem isso serve

• Agências e freelancers

  Apresente o site do cliente como ele aparece no celular, sem precisar fotografar um aparelho ou montar a moldura no editor de imagem.

• Times de produto

  Confira como uma tela interna se comporta em várias resoluções antes de publicar, navegando até ela em vez de depender de prints soltos.

• Lojas e páginas de venda

  Gere as imagens do produto para a página, o anúncio ou o post com a moldura recortada em PNG transparente, pronta para montar sobre qualquer fundo.

• Documentação e propostas

  Ilustre manuais, apresentações e propostas comerciais com telas reais do sistema dentro do aparelho certo.

Perguntas frequentes