Densidade de pixels
O que significa densidade de pixels, como ela afeta a resolução das capturas de tela e a confusão comum com DPI.
Densidade de pixels é a quantidade de pixels físicos por unidade de comprimento em uma tela, medida em pixels por polegada (PPI). Ela depende da resolução da tela e do seu tamanho físico. Um monitor de 27 polegadas com 5120×2880 pixels tem uma diagonal de cerca de 5.874 pixels, o que resulta em aproximadamente 218 PPI.
Uma densidade maior deixa textos e linhas mais suaves à mesma distância de visualização. Para manter os elementos da interface em um tamanho utilizável, os sistemas operacionais os escalam. O macOS mede a interface em pontos e renderiza cada ponto com 1×1 pixel em uma tela padrão ou com 2×2 pixels em uma tela Retina.
Na web, a mesma proporção é chamada de proporção de pixels do dispositivo: a quantidade de pixels físicos por pixel CSS.
Densidade de pixels e nitidez da tela
Duas telas com a mesma resolução e tamanhos diferentes têm densidades diferentes. Um painel de 1920×1080 parece nítido em 13 polegadas e grosseiro em 27 polegadas. A densidade sozinha não determina o que você vê: a distância de visualização e as configurações de escala também importam.
Como a densidade de pixels afeta as capturas de tela
As capturas de tela registram pixels físicos. Em uma tela Retina 2x, uma área de captura de 1600×900 pontos gera uma imagem de 3200×1800 pixels. A mesma área em um monitor externo 1x gera 1600×900 pixels. Se uma sessão de captura passar de uma tela para outra, o tamanho das imagens do conjunto muda.
O Temposhot mostra o diálogo Display Configuration Changed quando a configuração de telas muda durante a captura, com as opções Continue with Selected Display e Stop Capture.
Proporção de pixels do dispositivo
| Proporção de pixels do dispositivo | Exemplo | Elemento de 400 px CSS de largura |
|---|---|---|
| 1 | Monitor de desktop padrão | 400 pixels |
| 2 | Tela Retina do Mac | 800 pixels |
| 3 | Muitos celulares atuais | 1200 pixels |
Ferramentas do navegador e bibliotecas de captura permitem definir a proporção de pixels do dispositivo, então um desktop pode gerar capturas com densidade de celular.
Erros comuns
- Misturar capturas 1x e 2x em um mesmo documento, o que deixa algumas borradas ou grandes demais.
- Confundir o PPI de uma tela com o campo DPI armazenado em uma imagem.
- Exibir capturas 2x no tamanho total em pixels em uma página web.
- Reduzir capturas 2x por um fator não inteiro em vez de exatamente 50 por cento.
Repetindo as mesmas capturas o tempo todo?
Execute todas as capturas na mesma tela para que o tamanho das imagens se mantenha consistente. Veja automação de captura de tela no Mac.
Perguntas frequentes
Como verifico o tamanho em pixels de uma captura de tela?
Abra-a no Screenshot Resolution Checker ou use o inspetor do Preview no Mac.
Densidade de pixels é o mesmo que resolução?
Não. A resolução é a quantidade de pixels. A densidade é a quantidade de pixels por polegada da tela física.
Fontes
Recursos relacionados
- Controles e recuperação de captura: mudanças de tela durante a captura.
- DPI: o valor de resolução voltado para impressão.
Você tira as mesmas capturas de tela várias vezes?
O Temposhot captura uma tela, janela ou área em intervalos programados e exporta o conjunto como PDF, imagens, ZIP ou MP4. As ferramentas gratuitas do navegador capturam apenas uma imagem por vez.
Recursos relacionados
Termos relacionados
- DPIO que DPI significa para capturas de tela, como ele afeta a resolução e o tamanho do arquivo e a confusão comum com PPI.
- Captura de tela RetinaO que é uma captura de tela Retina, por que ela tem o dobro do tamanho esperado e como lidar com capturas de alta densidade.
- Resolução de captura de telaUma captura de tela copia os pixels da tela, então ela não reduz a qualidade por si só. Veja o que deixa capturas borradas e o que define o tamanho delas em MB.
- Redimensionamento de imagemO que é o redimensionamento de imagem, em que ele difere do recorte e quais erros evitar ao escalar capturas de tela.
- Captura de tela da viewportO que é uma captura de tela da viewport, em que ela difere da captura de página inteira e quando é a escolha certa.