Como enviar print para o ChatGPT analisar o design da página inteira

Por que um print só da parte visível é um mau ponto de partida para a IA

Um modelo de linguagem só raciocina sobre o que está na imagem. Entregue a ele um print da parte visível de uma landing page e ele vê a seção de abertura (o hero), nada mais. Mesmo assim, ele responde com segurança, porque é assim que esses modelos funcionam, mas o conselho trata de um fragmento de uma página cujo restante ele não enxerga.

Uma captura da página inteira acaba com esse chute. O modelo recebe o hero, a prova social, os blocos de recursos, a tabela de preços e o rodapé em uma só imagem, na ordem exata em que um visitante os encontra. Essa ordem é boa parte do que importa em um feedback de design: o que vem primeiro, o que se repete, onde o olhar não tem em que se apoiar, onde fica a próxima chamada para ação.

Ela também elimina toda uma categoria de respostas erradas. Pergunte “minha chamada para ação está clara o bastante?” com base em um recorte da parte visível, e o modelo não tem como saber que, mais abaixo, outros quatro botões disputam a atenção com ela.

Como enviar print para o ChatGPT, passo a passo

Com a extensão instalada, isso leva bem menos de um minuto.

1. 1

   Deixe a página terminar de renderizar

   Em páginas com imagens de carregamento lento ou seções animadas, role uma vez até o fim e volte ao topo. O que o navegador ainda não renderizou não pode ser capturado, e uma captura meio vazia gera um feedback meio útil.

2. 2

   Capture a página inteira

   Use o atalho sugerido Alt+Shift+S (Option+Shift+S no Mac) ou clique no ícone na barra de ferramentas e escolha “Full page”. A extensão rola a página, captura cada trecho e junta tudo em uma única imagem alta, e o resultado abre em uma nova aba.

3. 3

   Oculte antes o que for privado

   Se a página mostra nomes de clientes, faturas, endereços de e-mail ou dados internos, desfoque ou cubra essas informações no editor integrado antes que a imagem saia do seu computador. O que você envia a um serviço de IA fica sujeito aos termos desse serviço, não aos seus.

4. 4

   Exporte em PNG

   O PNG não tem perdas, então as bordas das letras e as linhas finas continuam nítidas e o modelo não precisa interpretar artefatos de JPEG. Use JPEG ou WebP só quando esbarrar no limite de tamanho do upload.

5. 5

   Envie e faça uma pergunta específica

   Arraste o arquivo para o ChatGPT, Claude, Gemini, Copilot ou o seu construtor com IA. Pedidos vagos geram respostas vagas, então diga qual é o objetivo: “Esta é a página inicial completa de um produto SaaS B2B. Avalie a hierarquia visual, a consistência do espaçamento e se a chamada para ação principal continua evidente de cima a baixo. Liste mudanças concretas, das mais importantes para as menos importantes.”

Prompts que geram uma análise de design útil

O print é o contexto; o prompt decide se você recebe uma crítica ou um elogio. Dê ao modelo um papel, um público e um único critério para avaliar.

• Hierarquia: “Percorra esta página seção por seção e diga onde o olhar pousa primeiro em cada uma. Onde a hierarquia falha?”
• Consistência: “Liste todas as inconsistências de espaçamento, tamanho de títulos, estilo de botões e arredondamento de cantos que você vê na página inteira.”
• Caminho de conversão: “Eu vendo uma extensão para o Chrome. Siga o caminho do topo desta página até o botão de instalar e aponte cada ponto em que um visitante pode travar.”
• Texto: “Reescreva o título e o primeiro parágrafo de cada seção para que quem chega pela primeira vez entenda o produto em cinco segundos.”
• Comparação: envie a sua captura da página inteira e a de um concorrente e pergunte qual das duas explica o produto mais rápido, e por quê.
• Sinais de acessibilidade: “Aponte todo texto desta página cujo contraste com o fundo pareça baixo demais para uma leitura confortável.”

O que a IA consegue e não consegue avaliar em um print

Conhecer os limites é o que torna esse fluxo útil. Uma imagem é uma renderização, não a página.

• Confiável: hierarquia visual, ordem das seções, ritmo do espaçamento, alinhamento, inconsistências evidentes, clareza de títulos e textos, se a chamada para ação se destaca, densidade do layout, problemas aparentes de contraste.
• Pouco confiável: valores exatos de cor e taxas de contraste (o modelo estima a partir dos pixels, não lê o seu CSS), nomes de fontes, desempenho de carregamento, estados de hover e foco, animações, navegação por teclado, comportamento com leitores de tela e comportamento responsivo em outras larguras.
• Impossível: saber se usuários reais convertem. Uma revisão de print é uma crítica heurística, não um teste de usabilidade nem uma auditoria de acessibilidade.
• Dica prática: capture a mesma página na largura de computador e na de celular e envie as duas. A maioria dos problemas de layout só aparece na comparação.

Páginas muito altas: por que o upload para a IA falha e como resolver

Uma página longa de marketing ou de documentação pode ter 15.000 pixels de altura. Envie isso como uma única imagem e o serviço pode recusar o arquivo ou reduzi-lo até o texto ficar ilegível.

A solução não é recortar à mão. Exporte a captura em partes numeradas de 3.000, 4.000 ou 5.000 pixels, com 160 pixels de sobreposição entre elas. A sobreposição importa: sem ela, um título e o parágrafo a que ele pertence podem cair em lados opostos de um corte, e o modelo os lê como coisas sem relação.

Depois envie as partes em ordem e diga isso no prompt: “Estas são partes numeradas e sobrepostas de uma única página, em ordem de cima para baixo. Avalie como uma página só.” A maioria das interfaces de chat aceita várias imagens por mensagem, então você mantém uma conversa e uma crítica.

Outros usos para esse fluxo

Análise de design é o uso óbvio, mas a mesma captura serve de ponto de partida para muito trabalho do dia a dia.

• Revisão de design com clientes: anote a captura da página inteira com setas e comentários em vez de descrever seções em um e-mail.
• Análise de concorrentes: mantenha uma pasta com capturas de página inteira dos sites concorrentes e peça a um modelo que resuma como cada um se posiciona.
• Print para código: entregue uma captura da página inteira a um construtor com IA como ponto de partida para estrutura e layout e refine depois no navegador. Trate o resultado como um primeiro rascunho, não como o produto final.
• Relatos de bug: uma imagem da página quebrada inteira vale mais que cinco recortes, porque quem revisa vê o estado de tudo ao redor do bug.
• Documentação e passagem de trabalho: capture um fluxo completo, página por página, e guarde as imagens junto com o chamado.
• Arquivo: um PNG ou PDF da página inteira como ela estava em uma data específica, útil para páginas de preços, termos e propostas.

A captura em si fica no seu computador

O GoFullScreenshot rola, junta, edita e exporta tudo dentro do navegador. Não há servidor no processo, nem conta, nem análise de dados na extensão, nem cópia da sua página enviada a algum lugar.

Isso importa justamente porque o próximo passo deste fluxo é um serviço de IA. Você decide qual imagem sai do seu dispositivo, depois de ter tido a chance de ocultar o que for sensível. A extensão nunca toma essa decisão por você.