Gostaríamos de contar as visitas com o Google Analytics, para saber quais ferramentas vale a pena melhorar. Isso instala cookies. A régua funciona exatamente igual nos dois casos, e recusar não custa nada a você.
Régua online em cm e polegadas
Uma régua em tamanho real que funciona no seu navegador. Calibre uma vez com um cartão bancário e depois meça qualquer coisa que você consiga encostar na tela, em centímetros, milímetros, polegadas ou pixels.
Régua na tela
Calibre antes de confiar nisto. Até você calibrar, esta régua assume uma densidade de tela genérica, que está errada na maioria das telas entre 10 e 70 por cento. Faça a correspondência com um cartão bancário para deixá-la exata.
Arraste sobre a régua para medir. Você também pode selecioná-la e usar ← →, Shift para avançar em passos maiores.
Uma régua online em que dá para confiar
Quem procura uma régua online procura, na verdade, um número em que possa se apoiar. E é justamente o que uma página web sozinha não consegue entregar. Os navegadores trabalham em pixels CSS, e a especificação fixa o pixel CSS em um noventa e seis avos de polegada. O hardware real não toma conhecimento disso:
- um monitor de 27 polegadas em 1440p fica perto de 109 pixels por polegada;
- um painel de 24 polegadas em 1080p gira em torno de 92;
- um notebook de 13 polegadas de alta densidade pode passar de 160.
Desenhe uma linha anunciada como 10 cm sem levar nada disso em conta e o erro pode passar da metade do comprimento dela. É por isso que tantas réguas online exibem, com toda a confiança, uma medida errada.
Por isso esta ferramenta começa fazendo uma pergunta. Encoste um cartão bancário achatado no vidro e ajuste o controle até o contorno bater. Essa única correspondência revela a densidade real da sua tela. Cartões de pagamento servem bem porque todos eles, em qualquer país, seguem a norma ISO/IEC 7810 ID-1, com 85,6 mm por 53,98 mm, e quase todo mundo tem um por perto. Sem cartão, basta informar a largura de um objeto que você mediu.
Como medir na sua tela
Comece devolvendo o zoom do navegador para 100 %. Ctrl+0 resolve, ou Cmd+0 no Mac. O zoom redimensiona os pixels CSS e, com isso, invalida em silêncio qualquer calibração salva. Depois escolha uma unidade e arraste sobre a régua. A leitura acompanha o movimento e sempre traz o equivalente no outro sistema, de modo que uma régua em cm serve também como régua em polegadas sem mexer em nada.
São quatro unidades, em três escalas:
- Centímetros e milímetros dividem a mesma escala, graduada como uma régua escolar e numerada a cada centímetro.
- Polegadas em dezesseis avos, com as alturas de traço de sempre, e a fração mais próxima ao lado do valor decimal.
- Pixels, que ignoram a calibração por completo e contam os pixels brutos da tela, que costuma ser o que designers e desenvolvedores querem.
O que as pessoas realmente medem
Coisas pequenas, na maior parte das vezes, quando não há uma fita métrica por perto. O diâmetro interno de um anel antes de pedir um tamanho. A largura de um parafuso ou de uma broca. A bandeja do chip, a borda de uma capa de celular, uma foto que precisa caber num porta-retratos. Quem vende confere as dimensões declaradas num anúncio. Quem costura trabalha em milímetros com miçangas e linha.
Alguns limites merecem ser ditos sem rodeios:
- nada mais largo que a sua tela é medido de uma vez só;
- objetos moles ou curvos encostam mal no vidro;
- uma calibração pertence à tela em que foi feita: trocou de monitor ou de escala, refaça.
Dentro desses limites, uma régua calibrada erra por menos de meio milímetro, o que é melhor do que a maioria consegue com uma fita. Nada disso exige conta, download ou extensão: a página é HTML e CSS estáticos com um pouco de JavaScript rodando no seu aparelho, e nenhuma medida vai para lugar nenhum.
Conferir se a calibração está certa
Dá para checar a calibração em um segundo: pegue um segundo objeto de tamanho conhecido, uma moeda por exemplo, e encoste na régua. Uma moeda de um real tem 27 mm de diâmetro e uma de cinquenta centavos 23 mm. Se a leitura bater, o ajuste vale para o site inteiro, inclusive para tamanhos de anel, onde errar custa caro.
Se a diferença for clara, a causa quase sempre é uma destas três:
- o zoom do navegador não está em 100 %. Ele redimensiona os pixels CSS, então invalida qualquer ajuste salvo antes;
- a calibração veio de outra tela. Ela pertence à tela em que foi feita, e basta arrastar a janela para um segundo monitor para deixar de valer;
- a escala de exibição mudou nas configurações do sistema, o que equivale a um zoom permanente.
Para um objeto mais comprido que a janela, há duas saídas melhores do que ir marcando no olho. As réguas de borda ocupam toda a largura ou toda a altura da tela, o que dá bem mais curso, e com duas ativadas ao mesmo tempo você obtém largura e altura de uma vez só. A tela cheia faz o resto. E o botão de salvar em PNG gera uma imagem da régua junto com a medida e a densidade usada, então dá para guardar ou enviar sem precisar explicar depois em que condições ela foi tirada.
É para isso que servem os botões abaixo da régua. Eles reúnem os objetos que mais aparecem: um celular, um cartão bancário, um tablet, a largura de uma folha A4 e a do formato US Letter. O menu ao lado guarda o restante, separado em celulares, tablets, notebooks e discos, e cada largura vem da ficha técnica do fabricante, não de uma lista copiada. Qualquer objeto largo demais para a sua régua aparece desativado e diz isso com todas as letras, em vez de devolver em silêncio um valor cortado: uma medida errada apresentada como certa é o único defeito que uma ferramenta de medição não pode ter.