Qual é a minha resolução de tela, viewport, DPR e profundidade de cor?
Confira a resolução, o tamanho da viewport, os pixels físicos estimados, a proporção de pixels do dispositivo, a profundidade de cor, o suporte a toque e o estado HDR relatados pelo seu navegador.
Pixels CSS versus pixels físicos
Os navegadores costumam relatar uma resolução lógica menor em telas de alta densidade. Uma proporção de pixels do dispositivo de 2x significa que cada pixel CSS é desenhado com cerca de quatro pixels físicos, mantendo o texto legível e preservando as bordas nítidas.
Por que o tamanho da viewport muda
A viewport exclui os controles do navegador e muda com o tamanho da janela, o zoom, a orientação e as barras da interface móvel. É o número útil para testar o layout web; as estimativas de pixels físicos são mais relevantes para papéis de parede e para o hardware da tela.
Mais ferramentas de tela
Utilidades gratuitas no navegador para testar, iluminar e criar planos de fundo.
Tela de cor
Abra qualquer cor sólida em tela cheia ou baixe como imagem.
Luz de tela
Transforme a sua tela em uma fonte de luz quente ou fria ajustável.
Gerador de gradiente
Crie, visualize e exporte fundos suaves de duas cores.
Informações da tela
Inspecione resolução, densidade de pixels, viewport e recursos da tela.