Retour au blog

Screen Ruler vs Ruler.onl — Test de précision sur 3 appareils

Screen Ruler TeamApril 8, 20265 min read
comparaisonruler.onlrègle en ligneprécision

Ruler.onl a un design délibérément minimaliste — juste une règle, rien de plus. Pas de panneau de réglages, pas d'assistant de calibration. Tu l'ouvres, tu mesures. Ce genre de simplicité est sincèrement attrayant. La question est de savoir si « simple » et « précis » peuvent coexister quand on a affaire à des dizaines de configurations matérielles d'écrans différentes.

Nous avons effectué le même test de mesure physique sur trois appareils et comparé Ruler.onl avec Screen Ruler. Voici ce que nous avons trouvé.

Comparaison rapide

Fonctionnalité Ruler.onl Screen Ruler
Calibration Aucune (96 PPI fixe) Carte bancaire ou pièce
Précision — bureau ~-4% <1%
Précision — MacBook ~+58% <1%
Précision — iPhone ~+380% <1%
Support mobile Interface présente, imprécise Entièrement optimisé
Règle verticale Non Oui
Mode sombre Non Oui
Calibration sauvegardée Non Oui
Langues Anglais uniquement 20 langues

Résultats des tests de précision

Le dispositif de test : une règle physique avec des longueurs connues, mesurées par rapport à ce que chaque outil affichait à l'écran. Mêmes longueurs, mêmes trois appareils.

Écran de bureau (92 PPI réels)

Ruler.onl affichait une erreur de -4%. C'est en fait le meilleur cas pour Ruler.onl — un écran de bureau standard est proche des 96 PPI supposés par CSS. L'écart entre le matériel réel et l'hypothèse fixe est faible, donc l'erreur reste gérable. Pour des mesures approximatives sur un écran de bureau classique, Ruler.onl s'en sort.

MacBook (227 PPI, Retina)

Ici, l'erreur a grimpé à +58%. L'écran Retina d'un MacBook dispose de 227 pixels physiques par pouce, mais macOS double la taille des pixels CSS pour que les éléments d'interface aient la même taille visuelle sur tous les appareils. Résultat : un « pouce » CSS couvre physiquement environ 1,58 pouce réel sur l'écran. Ruler.onl mesure en pouces CSS sans compenser, donc tout ce qu'il affiche est étiré. Une valeur de « 10 cm » correspond physiquement à environ 15,8 cm.

Screen Ruler après calibration avec carte bancaire : moins de 1% d'erreur sur la même machine.

iPhone (460 PPI, ratio de pixels 3x)

C'est là que l'écart devient absurde. Ruler.onl affichait +380% d'erreur. Une graduation marquée « 1 cm » mesurait physiquement environ 4,8 cm sur l'écran réel. L'outil est essentiellement non fonctionnel pour la mesure sur mobile.

Screen Ruler après calibration : moins de 1% sur le même téléphone.

Pourquoi Ruler.onl est si imprécis sur les téléphones

Ce n'est pas un défaut de conception propre à Ruler.onl — c'est la conséquence du fonctionnement de CSS.

CSS définit un pouce comme exactement 96 pixels, quelle que soit la configuration matérielle physique. Ça avait du sens au début des années 2000 quand la plupart des écrans étaient à 96 PPI. Les téléphones d'aujourd'hui vont de 300 à 500+ PPI, et ils utilisent un ratio de pixels (DPR) pour mettre les choses à l'échelle. Un iPhone avec un DPR de 3 mappe 3 pixels physiques pour chaque pixel CSS.

Le calcul : 96 pixels CSS par pouce ÷ 3 DPR = 32 pixels physiques par « pouce » CSS. Mais le téléphone a réellement 460 pixels physiques par pouce physique. Donc 32 pixels physiques couvrent seulement 0,07 pouce physiquement, pas 1.

Le calcul réel : 96 pixels CSS / (460 PPI physiques / 3 DPR) = 0,63 pouce par pouce CSS. C'est une compression de 37% — ce qui signifie que la règle affiche environ 380% de plus que la réalité.

Il n'y a pas de contournement possible uniquement avec CSS. Le seul correctif est la calibration : mesurer un objet physique connu sur l'écran et corriger le facteur d'échelle. Screen Ruler le fait avec une carte bancaire (85,6 × 54 mm, une norme ISO) ou une pièce. Ruler.onl ne le fait pas, donc il ne peut pas être précis sur un appareil qui s'écarte de 96 PPI.

Comparaison des fonctionnalités

Ruler.onl

  • Règle horizontale uniquement
  • Centimètres et pouces
  • Interface minimale, sans distraction
  • Pas de calibration
  • Pas de mode sombre
  • Pas de réglages sauvegardés entre les sessions

Screen Ruler

  • Règles horizontale et verticale
  • Centimètres, millimètres et pouces
  • Mode plein écran
  • Mode sombre
  • Détection de l'appareil avec estimation automatique du PPI
  • Calibration par carte bancaire et pièce
  • Calibration sauvegardée entre les sessions
  • 20 langues d'interface

Ruler.onl gagne en simplicité initiale. Tu n'as rien à faire pour obtenir un chiffre. La contrepartie est que ce chiffre peut être faux de plusieurs centaines de pourcents selon ton appareil.

Le verdict

Ruler.onl fonctionne assez bien comme référence approximative sur un écran de bureau standard. Si tu mesures quelque chose sur un écran 1080p ou 1440p et que tu as juste besoin d'un ordre de grandeur, une erreur de ~4% n'aura probablement pas d'importance.

Pour tout le reste — un laptop avec un écran haute densité, un téléphone, une tablette, n'importe quelle situation où la précision compte — il ne mesure pas vraiment. Il fait une hypothèse qui ne tient pas.

Le problème sous-jacent n'est pas corrigeable sans calibration. L'approche de Screen Ruler qui consiste à poser un objet connu sur l'écran et corriger le facteur d'échelle est la seule façon fiable d'obtenir des mesures physiques précises depuis un navigateur. Une fois calibré, la précision reste sous 1% sur tous les appareils testés.

Si tu passes de Ruler.onl et que tu veux la même sensation minimaliste, l'interface de Screen Ruler est similairement épurée — juste avec une étape de calibration qui la rend vraiment fonctionnelle.

Voir aussi

Articles liés