Como ler a régua

Conheça as quatro unidades

Troque de unidade a qualquer momento pela barra de ferramentas ou com as teclas 1–4. As marcas são redesenhadas a partir da sua calibração, então trocar nunca muda o tamanho físico — só os rótulos.

• cm (1) — centímetros, a unidade métrica do dia a dia. Ideal para medições gerais.
• mm (2) — milímetros, para precisão. Mesma escala do cm, rotulada em mm.
• in (3) — polegadas com marcas fracionárias até 1/16″. Ideal para trabalhos no padrão americano.
• px (4) — pixels CSS, para mockups de design. Não é uma unidade física (veja abaixo).

Lendo centímetros e milímetros

No modo cm, os traços longos numerados são centímetros (1, 2, 3…) e há nove tracinhos curtos entre cada par — esses são milímetros. Um objeto que termina quatro tracinhos curtos depois da marca de 5 cm tem 5.4 cm de comprimento. No modo mm, a escala é idêntica, mas os traços numerados leem 10, 20, 30 — então esse mesmo objeto lê 54 mm diretamente, sem multiplicar.

A regra prática: use cm quando o número de centímetros é o que importa (“cerca de doze centímetros e meio”), e mm quando você quer um único número preciso (“127 mm”).

Lendo polegadas e frações

No modo in, os traços numerados são polegadas inteiras. Entre eles, o comprimento do traço indica a fração — quanto mais longo, mais simples a fração:

Comprimento do traço	Fração	Exemplo
Mais longo sem número	½ polegada	2½″
Segundo mais longo	¼ de polegada	1¼″, 1¾″
Médio	⅛ de polegada	3⅜″
Mais curto	1/16 de polegada	5/16″

Para ler uma medição, encontre a polegada numerada abaixo da extremidade do objeto, depois conte os tracinhos depois dela e pegue o traço mais longo que sua contagem alcançar. Três dos tracinhos mais curtos depois da marca de 2″ são 2 e 3/16 polegadas. Se a extremidade do objeto cair exatamente sobre um traço médio, leia os oitavos — 2 e 6/16 é na verdade 2⅜″, e os marceneiros vão agradecer pela simplificação.

Lendo pixels

O modo px é o diferente da turma: um pixel CSS não é um tamanho físico, é a unidade do próprio navegador. A régua de pixels mostra tracinhos menores a cada 10 pixels e marcas numeradas a cada 100 px. Use-o ao montar um design (“este botão deve ter cerca de 120 px de largura”), não quando precisar de uma medição física — para isso, fique em cm, mm ou polegadas depois de calibrar.

Medindo com guias

Pressione G (ou o botão Guias) e clique em qualquer lugar da área de medição para soltar uma linha-guia — horizontal ou vertical, escolhida com o seletor H/V. Cada guia mostra sua posição na unidade atual. Arraste uma guia para reposicioná-la, clique duas vezes para remover uma e pressione Esc para apagar todas.

As guias brilham quando o objeto não pode ficar contra a borda da régua: solte uma guia em cada extremidade do objeto e subtraia as duas leituras. As guias sempre informam na unidade ativa, então trocar de unidade no meio da medição converte as leituras para você.

Medindo com a mira

Pressione C e uma mira tracejada segue seu ponteiro pela área de medição, com um selo ao vivo mostrando a posição exata X/Y na unidade atual. É a forma mais rápida de verificar um único ponto — o canto de uma foto, a borda de um widget — sem soltar guias.

Ferramentas avançadas

A linha Avançado da barra de ferramentas adiciona seis ferramentas que vão além das réguas de borda. Todas medem em pixels CSS escalados pela sua calibração, na unidade selecionada no momento.

• Medir (M) — arraste em qualquer lugar da área para desenhar uma linha de medição. A leitura ao vivo mostra a distância na unidade atual e o ângulo da linha em graus. As extremidades se encaixam nas linhas-guia próximas. Solte para obter Salvar (envia a leitura para o registro) ou Descartar; Esc cancela durante o desenho.
• Transferidor (P) — um transferidor circular que você pode arrastar para qualquer lugar. Arraste o centro para movê-lo, a alça do anel para girar a escala e as duas alças dos braços para posicionar os braços; a leitura digital mostra o ângulo entre os braços em graus.
• Lupa (L) — uma lupa de 3× que segue seu cursor, mostrando uma visão ampliada das réguas, guias e da área sob ela para leitura precisa dos traços.
• Régua (R) — uma régua flutuante, independente das bordas da tela. Arraste o corpo para movê-la e a alça âmbar na extremidade para girá-la em qualquer ângulo; ela desenha traços na unidade atual ao longo do comprimento, com um pequeno selo mostrando sua rotação.
• Registro (O) — toda medição salva cai aqui com um rótulo editável. Copie uma única entrada ou a lista inteira, exporte como CSV ou TXT, ou exclua entradas. O registro persiste no armazenamento local do seu navegador.
• Grade (N) — uma grade sutil sobreposta para trabalhos de alinhamento. Cada célula tem exatamente 1 cm (ou 1 polegada — troque com o seletor de unidade da Grade), com uma linha mais forte a cada 5 células.

Atalhos de teclado

Pressione H em qualquer lugar no app da régua para abrir a referência de atalhos. O mapa completo:

• 1–4 — unidades: cm, in, mm, px
• G guias · C mira · F tela cheia · D tema
• M medir arrastando · P transferidor · L lupa
• R régua flutuante · O registro de medições · N grade
• Esc — cancela o desenho atual, fecha diálogos ou apaga todas as guias

Dicas para medições confiáveis

• Meça contra a borda de medição destacada da régua (a linha de base azul-petróleo), não contra a borda externa da barra.
• Alinhe o início do objeto com a marca zero, não com o fim da tela.
• Para objetos mais longos que a régua, meça em partes com guias marcando cada segmento.
• Olhe para a tela de frente; em um ângulo muito inclinado, a paralaxe desloca onde a borda parece estar.
• Toda ferramenta mede em pixels CSS escalados pela sua calibração. O zoom do navegador, a escala de exibição do sistema ou um monitor externo com densidade de pixels diferente vão redimensionar a régua — mantenha o zoom em 100% e recalibre se mover a janela para outro monitor.
• Na dúvida, confira de novo com a calibração pelo cartão de crédito — leva um minuto.