Utilitário de tela

Screen Ruler

Screen Ruler é uma régua online e uma régua de pixels para medir conteúdo visível em milímetros, centímetros, polegadas ou pixels depois de uma calibração rápida.

Começar a medir

Unidades físicas precisas exigem calibração. Sem calibração, valores em mm, cm e polegadas são apenas aproximados.

Área de medição calibrada

Meça objetos na tela com controles focados em calibração

Use réguas, guias, modo de segmento e moldura de overlay para medir UI visível, fotos de produto, diagramas ou espaçamentos. As unidades físicas são honestas: só ficam confiáveis depois de alinhar uma referência real.

Estado de precisão

Meça objetos na tela com controles focados em calibração

≈ Aproximado antes da calibração
Origem 0,0

Avisos de precisão

Unidades físicas precisas exigem calibração. Sem calibração, leituras em milímetros, centímetros e polegadas continuam aproximadas.

Zoom do navegador, escala do sistema, troca de monitor, docking e outras configurações de janela podem tornar uma calibração antiga menos confiável.

O modo pixel mede distância de layout na tela. Ele é útil antes da calibração, mas não promete precisão exata de pixel de hardware.

Use a ferramenta complementar certa

Precisa de matemática de densidade ou do contexto completo da tela em vez de uma régua sobreposta? Vá direto para o cluster relacionado.

  • Referência padrão de cartão: 85,6 mm × 53,98 mm.
  • A borda longa costuma ser mais fácil de alinhar com precisão do que a curta.
  • A calibração salva permanece local neste navegador e neste ambiente de tela.

Como usar o Screen Ruler com precisão

Screen Ruler foi feito para quem quer uma régua online prática sem promessas falsas. Quando a página abre, você já pode usar guias, arrastar para medir, moldura de overlay e controles de régua de pixels. Isso torna a ferramenta útil imediatamente para verificar espaçamento de UI, tamanhos de imagem, mockups de cartão ou comparações de layout. Se você precisa de milímetros, centímetros ou polegadas, comece pela calibração. O caminho mais rápido é o fluxo com cartão. Coloque um cartão bancário padrão sobre a tela, escolha largura ou altura e ajuste o contorno até ele coincidir com a borda externa real. Salve o resultado e depois meça na unidade desejada. Se você só precisa de uma régua de pixels, pode pular a calibração porque esse modo não depende de escala física. Logo no início do texto a promessa principal fica clara: este Screen Ruler funciona como régua online, mas a medição física confiável só começa depois da calibração.

Por que uma régua online precisa de calibração

Um navegador pode ler tamanho do viewport, valores de layout CSS e device pixel ratio, mas ele não conhece de forma confiável o tamanho físico real da tela à sua frente. É por isso que muitas páginas de régua online parecem duvidosas. Elas mostram centímetros ou polegadas imediatamente e sugerem que a escala já está correta. Na prática, zoom do navegador, escala do sistema, densidade tipo Retina, monitores externos, janelas acopladas e zoom de acessibilidade podem mudar o tamanho aparente de um pixel CSS na tela. Screen Ruler transforma essa limitação em sinal de confiança. Antes da calibração, as unidades físicas aparecem como aproximadas. Depois, a página salva um fator de escala para este navegador e este ambiente. Se o ambiente mudar, a ferramenta avisa que a precisão pode cair e recomenda recalibração. Essa diferença separa uma régua de tela honesta de uma que apenas finge precisão.

Como funciona a calibração com cartão

O método principal usa o formato ISO ID-1 de cartão bancário: 85,6 mm × 53,98 mm. Esse tamanho é comum no mundo todo, fácil de explicar e prático porque quase todo mundo tem um cartão de crédito, débito, identificação ou associação com dimensões parecidas. No Screen Ruler você pode calibrar usando a borda longa ou a borda curta. A borda longa costuma ser melhor porque uma linha maior reduz pequenos erros de alinhamento. Coloque o cartão reto contra a tela, ignore números em relevo e cantos arredondados, e alinhe o contorno à borda externa real. Se o cartão não ficar perfeito por causa de capa, vidro curvo ou moldura grossa, use o melhor alinhamento possível e salve só quando a correspondência parecer estável. Se você não tiver um cartão padrão, existe o modo manual. Informe o tamanho conhecido de outro objeto visível na tela e calibre com essa referência. É menos à prova de erro, mas muito melhor do que fingir que o navegador conhece o tamanho físico automaticamente.

Milímetros, centímetros, polegadas e pixels explicados

Screen Ruler oferece quatro modos porque nem todo usuário quer exatamente a mesma coisa ao buscar régua online ou régua de pixels. Milímetros servem para objetos pequenos, prévias de impressão, verificações finas de espaçamento e comparações de hardware. Centímetros são mais confortáveis para medidas físicas maiores, como etiquetas, mockups de embalagem ou fotos de produtos visíveis. Polegadas são comuns em trabalho com telas, especialmente quando você quer verificar se uma polegada na tela realmente parece uma polegada depois da calibração. O modo pixel é diferente. Ele é uma régua de espaço de layout, não uma promessa sobre tamanho físico. Por isso é ideal para designers, QA e desenvolvedores front-end que querem uma régua de navegador ou uma ferramenta de medição de UI sem usar unidades reais. A distinção principal é simples: unidades físicas dependem da calibração; pixels, não.

Quando usar Screen Ruler e quando usar um PPI Calculator

Use Screen Ruler quando a pergunta for prática e visível: qual a largura deste objeto na minha tela, quantos pixels separam estes elementos ou qual o tamanho visual de um centímetro neste display agora. Use um PPI Calculator quando a pergunta for estrutural: qual a densidade do painel, quantos pixels cabem em uma polegada ou por que uma polegada parece diferente entre duas telas. As ferramentas se complementam. Screen Ruler transforma a calibração em um fluxo de medição real. PPI Calculator explica a matemática de densidade por trás disso. What Is My Screen Size ajuda quando você quer ver resolução, viewport e DPR antes de medir fisicamente.

Erros comuns de precisão e como evitá-los

O erro mais comum é confiar em unidades físicas antes da calibração. O segundo é calibrar uma vez e esquecer que o ambiente mudou depois. O zoom do navegador, a escala do sistema, mover a aba para outro monitor, conectar um laptop a um dock, girar um tablet ou alternar entre telas duplicadas e estendidas pode alterar a relação entre pixels CSS e tamanho físico. Outro problema frequente é alinhar mal o cartão. Ajuste pela borda externa real, não por números em relevo, design impresso ou sombras. Em celulares e tablets, o toque funciona, mas o alinhamento fino costuma ser mais fácil no modo paisagem ou no desktop com mouse, teclado ou caneta. Se você quer medir uma caixa visível em vez de uma linha, use a moldura de overlay. Se quer distâncias horizontais ou verticais limpas, use guias. Se o aviso disser que a precisão pode estar reduzida, não ignore: recalibrar leva segundos.

FAQ

Qual é a precisão do Screen Ruler depois da calibração?

Ele pode ser muito útil para medições práticas, mas a precisão continua dependendo de um bom alinhamento e de um ambiente de tela sem mudanças. Se zoom, DPR, monitor ou escala mudarem, recalibre antes de confiar nas unidades físicas.

Por que a régua fica errada antes da calibração?

Porque os navegadores não conhecem de forma confiável o tamanho físico real da sua configuração atual de tela. Sem uma referência real, milímetros, centímetros e polegadas são apenas estimativas.

Posso calibrar com cartão de crédito ou débito?

Sim. O fluxo principal usa o tamanho padrão de cartão bancário de 85,6 mm × 53,98 mm, então a maioria dos cartões de crédito e débito serve como referência.

E se eu não tiver um cartão padrão?

Use o modo de referência manual e informe o tamanho conhecido de outro objeto visível na tela. É menos à prova de erro do que a calibração com cartão, mas melhor do que pular a referência.

O zoom do navegador afeta a precisão?

Sim. O zoom pode mudar a relação efetiva entre pixels CSS e tamanho físico, por isso o Screen Ruler recomenda recalibrar quando detecta mudanças.

A escala do sistema operacional afeta a precisão?

Sim. A escala do sistema, monitores externos, docking e mudanças de DPR podem alterar o tamanho aparente dos elementos na tela.

Qual é a diferença entre pixels e polegadas nesta ferramenta?

Pixels são medidas de layout na tela e não precisam de calibração. Polegadas são medidas físicas e só ficam confiáveis depois da calibração.

Posso usar a régua no celular ou tablet?

Sim. Os controles por toque funcionam, mas o alinhamento fino costuma ser mais fácil no modo paisagem ou no desktop. Telas pequenas oferecem menos espaço para ajustes precisos.

A ferramenta salva minha calibração?

Sim. A calibração é salva localmente no navegador para ser restaurada depois no mesmo dispositivo e configuração.

Quando devo usar um PPI Calculator em vez de Screen Ruler?

Use um PPI Calculator quando precisar de matemática de densidade ou quiser entender por que o tamanho físico muda entre telas. Use Screen Ruler quando quiser medir diretamente algo visível na tela.

Ferramentas relacionadas

Unidades físicas são aproximadas até você alinhar uma referência real nesta tela.
Screen Ruler - Régua online e régua de pixels na tela | testshub.io