Étalonnage en quatre méthodes
Détectez automatiquement votre appareil, choisissez-le dans une liste, saisissez la diagonale de votre écran ou ajustez une carte bancaire à l’écran. Un seul étalonnage rend chaque mesure fidèle à la taille réelle.
Gratuit · Sans inscription · Sans téléchargement
Votre écran, transformé en vraie règle .
Étalonnez une fois votre écran et cette page devient un instrument de mesure à taille physique réelle. Posez une pièce, une vis ou un échantillon contre le bord et lisez-le en centimètres, millimètres, pouces ou pixels.
Astuce : gardez le zoom du navigateur à 100 % pendant la mesure.
Avancés
Activez les bords ci-dessus pour encadrer cette zone de règles. Posez un petit objet contre le bord de mesure surligné de la règle et lisez sa taille. Repères activés : cliquez ici pour placer une ligne de repère ; faites glisser une ligne pour la déplacer, double-cliquez dessus pour la supprimer, Esc efface tous les repères.
Chargement de l’étalonnage… Gardez le zoom du navigateur à 100 % — le zoom redimensionne la règle. Appuyez sur H pour voir la liste complète des raccourcis clavier.
Une page, un véritable établi de mesure
Étalonnez une fois, puis mesurez tout ce qui passe sur votre écran — voici ce que la page peut faire.
Des règles sur les quatre bords
Épinglez une règle en haut, en bas, à gauche ou à droite — ou aux quatre bords à la fois — et encadrez tout objet de votre écran dans une grille de mesure en direct.
cm, mm, pouces et pixels
Changez d’unité instantanément : graduations métriques au millimètre près, fractions de pouce, ou pixels CSS bruts pour le design. Raccourcis clavier inclus.
Lignes de repère
Placez des lignes de référence horizontales et verticales où vous voulez, faites-les glisser en place et lisez les distances entre elles dans l’unité active.
Coordonnées du réticule
Un réticule en direct suit votre curseur et indique sa position X/Y exacte dans l’unité active — pratique pour les mises en page et les contrôles d’alignement.
Plein écran et mode sombre
Déployez l’outil sur tout l’écran pour mesurer d’un bord à l’autre, et passez du thème clair au thème sombre. Vos préférences sont mémorisées.
Comment fonctionne l’étalonnage
Chaque écran entasse un nombre différent de pixels physiques dans chaque pouce — un téléphone peut en contenir 460, un écran d’ordinateur plutôt 100. Votre navigateur, lui, dessine la page en pixels CSS, et il ne révèle jamais aux sites leur taille physique réelle.
L’étalonnage comble cet écart. Vous donnez à la page une référence fiable — votre modèle d’appareil, la diagonale de votre écran ou une carte bancaire posée contre l’écran — et elle calcule exactement combien de pixels CSS valent un pouce réel. À partir de ce seul nombre, chaque graduation de chaque règle est placée à sa vraie position.
-
Auto-détection
Nous comparons votre appareil à une base de données d’écrans intégrée et appliquons sa densité de pixels d’usine.
-
Choisir votre appareil
Parcourez les entrées iPhone, iPad, MacBook, Android et écrans, puis sélectionnez votre modèle exact.
-
Diagonale de l’écran
Saisissez la diagonale de votre écran en pouces ; nous en déduisons la densité à partir de votre résolution.
-
Carte bancaire
Posez n’importe quelle carte bancaire contre l’écran et faites glisser un curseur jusqu’à ce que le contour à l’écran corresponde.
Le panneau d’étalonnage interactif est en direct — ouvrez-le depuis l’espace de travail de la règle ci-dessus pour étalonner par auto-détection, choix d’appareil, diagonale d’écran ou méthode de la carte bancaire.
Comment lire la règle
Centimètres
Chaque trait numéroté vaut un centimètre. Les dix petites graduations entre les nombres sont des millimètres — le 4ᵉ petit trait après le 7 vaut donc 7,4 cm.
Pouces
Les traits numérotés sont des pouces entiers. Entre eux, le trait non numéroté le plus long vaut ½ po, puis ¼ et ¾ po, puis les huitièmes — comme sur une règle en bois.
Pixels
Le mode pixels compte les pixels CSS bruts à partir de zéro — l’unité des designers pour l’espacement, les tailles de police et les dimensions des éléments à l’écran.
Pour le traitement complet, voir les guides dédiés : Lire la règle · Règle centimétrique · Règle en pouces · Règle millimétrique · Règle en pixels
Foire aux questions
Une règle à l’écran peut-elle vraiment être précise ?
Oui — mais seulement après étalonnage. Votre navigateur dessine en pixels CSS, qui n’ont pas de taille physique fixe. L’étalonnage apprend à la page combien de pixels CSS valent un pouce réel sur votre écran précis. Une fois ce nombre connu, chaque graduation tombe à sa vraie position physique.
Pourquoi dois-je étalonner ? Le site ne peut-il pas connaître la taille de mon écran ?
Les navigateurs cachent délibérément la densité physique exacte de pixels pour protéger votre vie privée : aucun site ne peut donc mesurer votre écran directement. Le site part d’une estimation standard du web de 96 pixels par pouce ; les quatre méthodes d’étalonnage remplacent cette estimation par le vrai nombre de votre écran.
Dois-je étalonner à chaque visite ?
Non. Votre étalonnage est enregistré dans votre navigateur et rechargé automatiquement. Réétalonnez uniquement si vous changez d’écran, modifiez votre mise à l’échelle d’affichage ou remarquez que les mesures dérivent.
Le zoom du navigateur modifie-t-il les mesures ?
Oui. Le zoom redimensionne les pixels CSS : une règle étalonnée à 100 % de zoom lira faux à 110 %. Gardez le zoom de votre navigateur à 100 % pendant la mesure — l’application vous le rappelle.
Que puis-je réellement mesurer avec ?
Tout ce qui est assez petit pour être posé contre votre écran : pièces de monnaie, vis, fermoirs de boucles d’oreille, cartes SD, échantillons imprimés, tailles de bagues. La plus longue mesure droite possible est la largeur ou la hauteur de votre écran.
Ça marche sur téléphones et tablettes ?
Oui. Ouvrez la page dans n’importe quel navigateur mobile, étalonnez avec votre modèle d’appareil ou la méthode de la carte bancaire, et l’écran du téléphone devient une règle de poche — étonnamment pratique pour des vérifications rapides.
Mes données d’étalonnage sont-elles privées ?
Complètement. Votre étalonnage est stocké uniquement dans le stockage local de votre propre navigateur — il n’est jamais téléversé, et il n’y a aucun compte auquel le rattacher. Effacer les données de votre navigateur le supprime.
Puis-je mesurer quelque chose de plus grand que mon écran ?
Par sections. Mesurez la première largeur d’écran, placez un repère au point final, faites glisser l’objet le long, puis additionnez les segments. Les repères gardent votre position pour que les segments s’alignent.
Pourquoi la règle semble fausse sur mon deuxième écran ?
Chaque écran a sa propre densité de pixels : un étalonnage fait sur votre portable ne se transfère donc pas à un écran externe. Étalonnez une fois par écran, avec la fenêtre du navigateur sur l’écran que vous étalonnez.
Quelle méthode d’étalonnage choisir ?
La méthode de la carte bancaire est la plus précise pour la plupart des gens, car elle étalonne contre un objet physique de taille normalisée connue (85,60 mm). Le sélecteur d’appareil est tout aussi bon quand votre modèle exact est listé ; l’auto-détection est le point de départ le plus rapide.
Faut-il étalonner pour la règle en pixels ?
Non. Le mode pixels compte les propres pixels CSS du navigateur, que la page connaît exactement — l’étalonnage ne compte que pour les unités physiques (cm, mm, pouces). La contrepartie est que les lectures en pixels n’ont pas de taille réelle fixe.
Ça marche en plein écran ?
Oui — appuyez sur F ou sur le bouton Plein écran de la barre d’outils. Le plein écran offre la règle la plus longue possible et supprime les éléments du navigateur qui pourraient gêner la mesure.