Règle en ligne en cm et en pouces

Une règle en ligne sur laquelle compter

Qui cherche une règle en ligne cherche en réalité un chiffre exploitable. Or c'est précisément ce qu'une page web ne sait pas produire toute seule. Les navigateurs raisonnent en pixels CSS, et la spécification fixe le pixel CSS à un quatre-vingt-seizième de pouce. Le matériel, lui, n'en tient aucun compte :

• un moniteur 27 pouces en 1440p tourne autour de 109 pixels par pouce ;
• une dalle 24 pouces en 1080p avoisine 92 ;
• un portable 13 pouces haute densité peut dépasser 160.

Tracez un trait annoncé à 10 cm sans tenir compte de tout cela et vous pouvez vous tromper de plus de la moitié de sa longueur. C'est la raison pour laquelle tant de règles en ligne affichent fièrement une mesure fausse.

Cet outil commence donc par vous poser une question. Posez une carte bancaire à plat contre la vitre et ajustez le curseur jusqu'à ce que le contour coïncide. Cette seule correspondance révèle la densité réelle de votre écran. Les cartes de paiement conviennent parfaitement : elles répondent toutes, partout dans le monde, à la norme ISO/IEC 7810 ID-1, soit 85,6 mm sur 53,98 mm, et presque tout le monde en a une à portée de main. Sans carte, indiquez simplement la largeur d'un objet que vous avez mesuré vous-même.

Mesurer sur votre écran

Commencez par remettre le zoom du navigateur à 100 %. Ctrl+0 suffit, ou Cmd+0 sur un Mac. Le zoom redimensionne les pixels CSS et invalide donc silencieusement tout étalonnage enregistré. Choisissez ensuite une unité et faites glisser le long de la règle. La valeur suit le mouvement et affiche toujours l'équivalent dans l'autre système, si bien qu'une règle en cm fait aussi office de règle en pouces sans rien changer.

Quatre unités sont proposées, sur trois graduations :

• Centimètres et millimètres partagent une même échelle, graduée comme une règle d'écolier, avec un repère chiffré à chaque centimètre.
• Pouces en seizièmes, avec les hauteurs de traits habituelles, et la fraction la plus proche affichée à côté de la valeur décimale.
• Pixels, qui ignorent complètement l'étalonnage et comptent les pixels bruts de l'écran, ce que recherchent en général les graphistes et les développeurs.

Ce que l'on mesure vraiment

De petites choses, le plus souvent, quand aucun mètre ruban n'est à portée. Le diamètre intérieur d'une bague avant de commander une taille. La largeur d'une vis ou d'un foret. Un tiroir de carte SIM, la bordure d'une coque de téléphone, une photo qui doit entrer dans un cadre. Les vendeurs vérifient les dimensions annoncées d'une annonce. Les couturières travaillent en millimètres pour les perles et le fil.

Quelques limites méritent d'être dites franchement :

• rien de plus large que votre écran ne se mesure d'un seul tenant ;
• les objets souples ou bombés se plaquent mal contre une vitre ;
• un étalonnage appartient à l'écran sur lequel il a été fait : changez de moniteur ou de mise à l'échelle, et il faut recommencer.

Dans ces limites, une règle étalonnée reste juste à un demi-millimètre près, ce qui vaut mieux que ce que la plupart des gens obtiennent avec un mètre souple. Rien de tout cela ne demande de compte, de téléchargement ni d'extension : la page est du HTML et du CSS statiques avec un peu de JavaScript qui s'exécute chez vous, et aucune mesure ne part ailleurs.

Vérifier que l'étalonnage est juste

Un étalonnage se contrôle en une seconde : prenez un second objet dont vous connaissez la taille, une pièce de monnaie par exemple, et posez-le sur la règle. Une pièce de deux euros mesure 25,75 mm, une pièce de un euro 23,25 mm. Si la lecture tombe juste, le réglage vaut pour tout le site, y compris pour les tailles de bague, où une erreur coûte cher.

Si l'écart est net, la cause est presque toujours l'une des trois suivantes :

• le zoom du navigateur n'est pas à 100 %. Il redimensionne les pixels CSS, donc il fausse tout réglage enregistré avant lui ;
• l'étalonnage vient d'un autre écran. Il appartient à l'écran sur lequel il a été fait, et déplacer la fenêtre vers un second moniteur suffit à le rendre faux ;
• la mise à l'échelle de l'affichage a changé dans les réglages du système, ce qui revient au même qu'un zoom permanent.

Pour un objet plus long que la fenêtre, deux solutions valent mieux qu'un report approximatif. Les règles de bord occupent toute la largeur ou toute la hauteur de l'écran, ce qui donne nettement plus de course, et deux règles activées ensemble donnent une largeur et une hauteur en une seule fois. Le plein écran fait le reste. Enfin, le bouton d'enregistrement en PNG produit une image de la règle accompagnée de la mesure et de la densité utilisée, ce qui permet d'en garder une trace ou de l'envoyer à quelqu'un sans avoir à réexpliquer dans quelles conditions elle a été prise.

Les boutons sous la règle servent à cela. Ils reprennent les objets qui reviennent le plus souvent : un téléphone, une carte bancaire, une tablette, la largeur d'une feuille A4 et celle du format US Letter. Le menu voisin contient le reste, classé par téléphones, tablettes, ordinateurs portables et disques, chaque largeur provenant de la fiche technique du constructeur et non d'un annuaire recopié. Tout objet trop large pour votre règle apparaît grisé et le dit clairement, au lieu de vous renvoyer discrètement une valeur tronquée : une mesure fausse présentée comme juste est le seul défaut qu'un outil de mesure ne peut pas se permettre.