Captura de ecrã em alta resolução de uma página web
31 de outubro de 2026 · 3 min read
Para fazer uma captura de ecrã em alta resolução, capture na resolução total do seu ecrã, guarde em PNG em vez de JPG e amplie antes de capturar os pormenores pequenos. Para uma página web mais nítida do que o seu ecrã consegue mostrar, abra as DevTools do Chrome, defina uma relação de píxeis do dispositivo (DPR) mais alta, por exemplo 2 ou 3, e use Capture full size screenshot: a imagem é gerada nesse múltiplo do tamanho normal.
Porque é que as capturas ficam desfocadas
Uma captura copia os píxeis do ecrã, nada mais. Se a janela for pequena, a página tiver o zoom reduzido ou o ficheiro for guardado como JPG comprimido, perdem-se pormenores. Ampliar a imagem depois não os recupera.
Formas de fazer uma captura em alta resolução
| Método | O que muda | Ideal para |
|---|---|---|
| Guardar em PNG | Sem artefactos de compressão no texto e nos contornos | Interfaces, texto, esquemas |
| Ampliar antes de capturar | Mais píxeis de ecrã para a área de que precisa | Um gráfico ou uma tabela |
| DevTools do Chrome com DPR mais alto | Gera a página a 2x ou 3x | Páginas web para imprimir, diapositivos ou ecrãs Retina |
Opção 1: PNG, não JPG
O PNG mantém nítidos o texto e os contornos da interface; o JPG comprime a imagem e pode esbater as linhas finas. Use JPG só quando o tamanho do ficheiro importar mais do que o pormenor.
Opção 2: amplie primeiro
Prima Ctrl + + (Cmd + + no Mac) para ampliar a página e capture a área. O mesmo gráfico ocupa agora mais píxeis de ecrã, por isso fica nítido quando o imprime ou projeta.
Opção 3: a relação de píxeis nas DevTools do Chrome
A documentação do modo de dispositivo do Chrome explica que o DPR é a relação entre os píxeis físicos do ecrã e os píxeis lógicos (CSS). Pode defini-lo à mão:
- Abra as DevTools (F12, ou Cmd + Option + I no Mac) e ative o modo de dispositivo com o ícone de telemóvel e tablet.
- Clique em More options (três pontos) > Add device pixel ratio.
- Na barra por cima da página, escolha um valor no novo menu DPR, por exemplo 2 ou 3.
- No mesmo menu More options, escolha Capture screenshot para a parte visível ou Capture full size screenshot para a página inteira.
O DPR funciona como um multiplicador de resolução: uma vista com 1920 píxeis de largura e DPR 2 dá uma imagem com 3840 píxeis de largura, como mostra este guia passo a passo. O mesmo guia avisa que as capturas de tamanho total não funcionam na perfeição em todos os sites. Os outros comandos de captura das DevTools estão em captura de ecrã no Chrome, e o passo a passo completo em captura de página inteira no Chrome.
Para as capturas do dia a dia, o Full page screenshot guarda páginas inteiras ou áreas selecionadas em PNG, o formato que mantém o texto nítido. Para imagens a 2x ou 3x, use o método das DevTools acima.
Perguntas frequentes
Como faço uma captura em alta resolução no Windows?
Ponha o ecrã na resolução recomendada, maximize a janela, amplie a área e capture com Windows + Shift + S. Para páginas web, use o método do DPR nas DevTools.
Uma captura pode ter mais resolução do que o meu ecrã?
Não com os atalhos do sistema. As DevTools do Chrome conseguem gerar uma página web a 2x ou 3x com um DPR personalizado.
PNG ou JPG para capturas de ecrã?
PNG para texto e interfaces; JPG quando precisa de um ficheiro mais pequeno e o pormenor fino importa menos.