Qual é a Minha Resolução de Tela?

As especificações do seu display, detectadas na hora — sem precisar abrir as configurações

Testador de Viewport Responsivo

Selecione um preset de largura para ver como o conteúdo se reorganiza em diferentes larguras de viewport. O badge de tamanho é atualizado ao vivo.

Largura total
— px de largura neste preset
Atenção: iframes cross-origin são bloqueados pela maioria dos sites. Esta caixa de pré-visualização simula apenas a largura.

Referência de Breakpoints de Design

Breakpoints CSS comuns usados por frameworks populares. A largura atual do seu viewport está destacada.

Nome Faixa de Breakpoint Uso Comum

Referência de Resoluções de Tela Comuns

Nome / Dispositivo Resolução Proporção DPR Dispositivos Comuns Categoria

User Agent do Navegador

Carregando…

O Que Tudo Isso Significa?

Resolução de Tela

A resolução de tela é o número total de pixels que seu monitor consegue exibir, expresso como largura × altura (ex.: 1920×1080). É uma propriedade de hardware — não muda a menos que você acesse as configurações de display e a altere. Resolução mais alta = mais pixels = imagem mais nítida e mais conteúdo na tela.

Densidade de Pixels (DPR)

DPR é a proporção entre pixels físicos e pixels CSS (lógicos). Um DPR de 2 significa que cada pixel CSS é desenhado usando 2×2 = 4 pixels físicos, tornando tudo mais nítido em displays "Retina" ou "HiDPI". A maioria dos smartphones modernos tem DPR ≥ 2; muitos MacBooks têm DPR = 2; alguns celulares Android têm DPR = 3 ou mais.

Para desenvolvedores web: use @media (-webkit-min-device-pixel-ratio: 2) ou window.devicePixelRatio em JavaScript para servir imagens de maior resolução a displays HiDPI.

Viewport vs Resolução de Tela

Sua resolução de tela é fixa (ex.: 1920×1080). O viewport é a área de conteúdo da janela do navegador — ele diminui quando você redimensiona o navegador, abre ferramentas do navegador (DevTools, barras laterais) ou aumenta o zoom. As media queries do CSS respondem ao tamanho do viewport, não à resolução de tela. O tamanho do viewport exibido aqui é atualizado ao vivo conforme você redimensiona o navegador.

Profundidade de Cor

A profundidade de cor (em bits) determina quantas cores distintas cada pixel pode exibir. 24 bits = 16,7 milhões de cores ("True Color" padrão). 30 bits = 1,07 bilhão de cores ("Deep Color", encontrado em displays profissionais). A maioria dos monitores modernos é de 24 ou 30 bits.

Como Verificar a Resolução de Tela nas Configurações do Sistema

  • Windows 11: Clique com o botão direito na área de trabalho → Configurações de display → "Resolução de tela"
  • macOS: Menu Apple → Configurações do Sistema → Monitores
  • Ubuntu/Linux: Configurações → Monitores
  • Ou simplesmente olhe o topo desta página — sem precisar abrir nenhum menu.

Perguntas Frequentes

Sua resolução de tela é exibida no card "Resolução de Tela" no topo desta página. Ela foi detectada automaticamente pelo seu navegador usando a API window.screen. Se você tem um display Retina/HiDPI, a linha "Pixels físicos" mostra a contagem real de pixels do hardware (resolução de tela × DPR).
DPR indica quantos pixels físicos compõem cada pixel lógico CSS. DPR 1 = display padrão. DPR 2 = Retina (sua tela tem 4× os pixels de um display 1× no mesmo tamanho CSS). DPR 3 = encontrado em muitos celulares Android. DPR mais alto significa texto e imagens mais nítidos, mas as imagens precisam ser servidas em resoluções maiores para aproveitar o benefício.
A resolução de tela é o total de pixels que o hardware do seu monitor possui (fixa). O tamanho do viewport é a área da janela do navegador que exibe conteúdo web — muda quando você redimensiona o navegador, faz zoom, abre/fecha o DevTools ou recolhe a barra de endereços. As media queries do CSS respondem ao tamanho do viewport, não à resolução de tela. O viewport exibido aqui é atualizado ao vivo conforme você redimensiona.
Clique com o botão direito na área de trabalho → Configurações de display → role até "Resolução de tela". Ou pressione Win+I para abrir as Configurações e vá em Sistema → Display. Você também pode simplesmente verificar o topo desta página — ela mostra sua resolução na hora, sem nenhuma navegação.
Menu Apple (canto superior esquerdo) → Configurações do Sistema → Monitores. Abaixo do nome do monitor você verá a resolução. Em versões mais antigas do macOS: Preferências do Sistema → Monitores. Atenção: em Macs com Retina, o macOS pode exibir uma resolução "redimensionada" (ex.: "Parece 2560×1600") — esta é a resolução lógica. A resolução física do hardware é 2× essa.