O jeito mais rápido de tirar um print mobile de um site pelo computador é abrir a página em visualização mobile e capturar: no modo dispositivo do Chrome DevTools, use Capture screenshot ou Capture full size screenshot no menu da barra de dispositivos; em uma extensão de visualização mobile, use o botão de captura. Os dois geram uma imagem da página como o celular a exibe, sem precisar pegar no celular.
O método depende de você precisar da tela visível ou da página inteira, e de a imagem levar ou não a moldura do celular.
Área visível ou página inteira?
Decida isso primeiro, porque as ferramentas mudam.
Um print da área visível mostra o que a pessoa vê na tela do celular sem rolar. Serve para relatar bugs (“o botão fica atrás do aviso de cookies”), imagens de marketing no estilo de loja de apps e revisão de design da primeira tela.
Um print da página inteira junta toda a página rolável em uma única imagem comprida. Serve para revisar conteúdo, aprovar uma landing page ou arquivar uma página antes de um redesign. Atenção: cabeçalhos fixos, imagens com lazy loading e animações disparadas pela rolagem podem ficar estranhos nesses prints, porque o navegador renderiza a página inteira de uma vez.
Método 1: modo dispositivo do Chrome DevTools
- Abra o DevTools (
F12) e ative a barra de dispositivos (Ctrl + Shift + M, ouCmd + Shift + Mno Mac). - Escolha um aparelho e recarregue a página.
- Abra o menu de três pontos no canto superior direito da barra de dispositivos.
- Escolha Capture screenshot para a área visível ou Capture full size screenshot para a página inteira.
Para incluir o contorno do celular, escolha um aparelho específico e ative Show device frame no mesmo menu antes de capturar. O Chrome salva um PNG na pasta de downloads.
Os mesmos comandos também estão no Command Menu: pressione Ctrl + Shift + P (Cmd + Shift + P no Mac) e digite “screenshot”. Lá existe ainda a opção Capture node screenshot, que captura só o elemento selecionado, útil para documentar um componente.
Método 2: uma extensão de visualização mobile
Se você tira prints mobile com frequência, o caminho pelo DevTools fica repetitivo. O Mobile View Extension tem um botão de captura na barra flutuante. Escolha um preset de celular ou tablet e ele salva um PNG da área visível com moldura, exatamente o que aparece na prévia. Como a visualização mobile continua ativa enquanto você navega, dá para percorrer um site e capturar cada página em poucos segundos.
Assim você obtém prints da área visível. Para a página inteira, o DevTools é a melhor ferramenta.
Método 3: um celular de verdade
Prints de um celular real são os mais fiéis, porque incluem a barra de endereço do navegador, o notch ou a Dynamic Island e a renderização real das fontes. Na maioria dos celulares, depois de um print normal aparece a opção de captura com rolagem ou de “página inteira”. No iPhone, o Safari oferece a aba Página Inteira no editor de capturas, que salva a página em PDF.
Use prints de aparelho real para tudo o que um cliente ou gestor vai avaliar pixel a pixel.
Como conseguir imagens nítidas e fiéis
Alguns detalhes deixam os prints mobile mais úteis:
- A densidade de pixels define a nitidez. Uma viewport de iPhone com 390 px de largura e densidade 3 gera uma imagem de 1170 px de largura. Se o print ficar borrado, confira se o aparelho emulado tem a densidade certa. A tabela de tamanho da tela do iPhone traz as densidades dos modelos atuais.
- Espere as fontes e as imagens. Capture depois que as fontes web e as imagens com lazy loading carregarem, ou o print vai sair com fontes reserva e caixas cinza.
- Decida o que fazer com sobreposições. Avisos de cookies e chats cobrem boa parte de uma tela pequena. Decida se o print deve mostrá-los; num relato de bug, geralmente deve.
- Diga o que foi emulado. Coloque o aparelho, o navegador e a data no nome do arquivo ou no ticket, por exemplo
pricing_iphone-16_chrome-emulated_2026-10-21.png. Ferramentas no navegador renderizam com o motor do Chrome, então um print rotulado “iPhone” pode ser um pouco diferente do Safari real.
Como usar prints mobile no dia a dia
Prints mobile valem a pena em três lugares. No QA, anexe-os aos tickets para que os desenvolvedores vejam a viewport exata em que algo quebrou, junto com a largura, que aparece na barra de dispositivos. Em revisões de design, coloque os prints de celular e desktop lado a lado para conferir se a ordem do conteúdo ainda faz sentido. No marketing, use prints com moldura em landing pages e páginas de apps, mas tire-os de um aparelho real ou deixe claro que são uma emulação.
Para o processo de testes mais amplo do qual esses prints fazem parte, veja o checklist de teste de site mobile.
Perguntas frequentes
Como tirar print da página inteira na versão mobile no Chrome?
Abra o DevTools, ative a barra de dispositivos, escolha um aparelho, recarregue e selecione Capture full size screenshot no menu de três pontos da barra de dispositivos.
Dá para tirar print mobile sem o DevTools?
Sim. Uma extensão de visualização mobile com botão de captura, como o Mobile View Extension, captura a tela no tamanho de celular a partir de uma barra flutuante.
Por que meu print mobile é tão largo em pixels?
Os prints são salvos com a densidade de pixels do aparelho. Uma viewport de 390 px em 3x gera uma imagem de 1170 px de largura. Isso é esperado e mantém a imagem nítida em telas de alta densidade.