A ferramenta Resolução de Tela do Utilitarioz exibe a resolução do seu monitor, viewport do navegador, densidade de pixels (DPR), profundidade de cor e outras informações técnicas da sua tela em tempo real.

Diferença entre resolução e viewport

Resolução é o número de pixels físicos do monitor. Viewport é a área visível do navegador, que pode ser menor dependendo do zoom e das barras do sistema. Em monitores Retina/HiDPI, a resolução lógica (usada pelo CSS) é metade da física.

Perguntas Frequentes — Minha Resolução de Tela

Por que meu monitor 4K aparece como 1920px no CSS?

Monitores Retina e 4K usam device pixel ratio (DPR) = 2 ou mais. O navegador divide a resolução física pelo DPR para determinar pixels CSS. Um monitor 3840×2160 com DPR=2 aparece como 1920×1080 no CSS.

Para que serve o DPR?

O DPR (Device Pixel Ratio) é usado para carregar imagens em alta resolução em monitores de alta densidade usando os atributos srcset e sizes das imagens.