Règle d'écran en ligne pour mesurer des pixels
Cette règle d'écran numérique permet de mesurer la largeur, la hauteur, la distance et l'angle de n'importe quel élément affiché à votre ordinateur. Contrairement aux conseils d'ergonomie, à la règle parentale 3-6-9-12 ou aux règles graduées nécessitant un étalonnage avec une carte bancaire, cet outil capture un instantané d'une fenêtre ou d'un onglet pour lire des dimensions exactes en pixels réels. La capture et les calculs s'exécutent intégralement dans votre navigateur, sans téléchargement d'extension ni transfert de données vers un serveur.
Comment utiliser cette règle sur écran PC
Pour effectuer une mesure de pixels avec précision, l'outil s'appuie directement sur les fonctionnalités natives de votre navigateur :
- Sélectionnez l'option de capture pour ouvrir le sélecteur de partage d’écran du navigateur.
- Choisissez l'écran complet, la fenêtre d'application ou l'onglet contenant l'élément à mesurer.
- Déplacez le curseur sur l'image figée pour tracer un segment ou dessiner un cadre englobant.
Dès que l'image est capturée dans le canvas web, le flux vidéo s'arrête immédiatement pour garantir la confidentialité de votre travail.
Règle graduée sur écran PC : modes ligne et cadre
La barre d'outils flottante propose deux modes d'analyse. Le mode Ligne calcule la distance géométrique exacte entre deux points ainsi que l'angle en degrés par rapport à l'horizontale. C'est le mode idéal pour contrôler un alignement ou mesurer un écartement entre deux blocs d'interface.
Le mode Cadre génère un rectangle englobant permettant de lire directement la largeur et la hauteur d'une zone (bouton, bannière ou marge). Un sélecteur de contraste permet de faire passer le tracé du vert fluo au magenta afin d'assurer une parfaite visibilité sur tous les arrières-plans.
Réglage écran PC, zoom et densité de pixels (DPI)
Chaque valeur lue est calculée à partir de la définition d'écran intrinsèque de l'image capturée (les pixels réels de la fenêtre ou de l'onglet, par exemple 1920×1080) et non depuis l'aperçu redimensionné dans le navigateur. Le zoom de la page ou l'affichage sur un écran Retina à haute densité n'altère en rien l'exactitude des données.
Contrairement aux règles virtuelles en centimètres qui exigent un étalonnage physique par carte bancaire, cet outil neutralise automatiquement tout décalage lié au zoom ou à la densité de pixels (DPI/PPP).
Mesurer des pixels sur une capture d'écran
Il est possible d'analyser des maquettes fixes ou des fichiers d'image sauvegardés. Pour cela, il suffit d'ouvrir votre capture d'écran dans une visionneuse ou un onglet de navigateur, puis de sélectionner cette fenêtre d'application lors du partage.
L'outil fige le contenu affiché et vous permet d'effectuer des relevés de dimensions en pixels réels avec la même précision que sur une application en direct.
Règle écran enfant et 3-6-9-12 : les distinctions
En France, les recherches d'information autour du terme de règle d'écran renvoient souvent aux recommandations de santé visuelle, à l'ergonomie du poste de travail ou à la règle écran enfant 3-6-9-12 encadrant le temps d'exposition des plus jeunes.
Cet outil en ligne répond exclusivement à un besoin technique de mesure graphique sur ordinateur, sans lien avec la gestion des temps d'écran ou la mesure physique en millimètres.
Foire aux questions
Comment mesurer des pixels sur un écran d'ordinateur ?
Ouvrez le sélecteur de partage d'écran du navigateur et choisissez la fenêtre ou l'onglet à examiner. Une fois l'image figée, faites glisser le curseur pour afficher immédiatement la largeur, la hauteur, la distance et l'angle en pixels.
Comment calculer la distance exacte entre deux éléments à l'écran ?
Basculez sur le mode Ligne puis étirez un segment entre les deux points souhaités. L'affichage des mesures indique la distance géométrique directe en pixels réels, calculée à partir des coordonnées de l'image d'origine.
Comment vérifier un angle d'inclinaison ou un alignement ?
En mode Ligne, tracez un repère le long du bord à contrôler. L'outil affiche l'angle en degrés par rapport à l'horizontale ainsi que la distance, ce qui permet de vérifier instantanément la horizontalité d'un élément.
Comment lire la largeur et la hauteur d'un bouton ou d'une image ?
Sélectionnez le mode Cadre dans la barre d'outils puis dessinez un rectangle autour de l'élément visuel. L'outil fournit alors la largeur et la hauteur exactes du cadre englobant.
Faut-il installer un logiciel comme PowerToys ou une extension ?
Non. Contrairement au raccourci Win + Maj + M de Microsoft PowerToys sous Windows, cet outil fonctionne entièrement en ligne dans le navigateur. Aucune extension ni aucun téléchargement ne sont requis.
Cet outil fonctionne-t-il sur Mac, Windows et Linux ?
Oui, il fonctionne sur tout navigateur de bureau prenant en charge la capture d'écran native, comme Chrome, Edge ou Firefox sur Windows, Mac et Linux. Il n'est pas disponible sur navigateur mobile.
Peut-on effectuer des mesures sur une image ou un fichier d'image ?
Oui, affichez simplement votre image dans un lecteur de fichier ou un onglet puis choisissez cette fenêtre d'application lors du partage. L'outil capturera la définition exacte de l'image pour vos mesures.
Pourquoi le zoom du navigateur n'altère-t-il pas les résultats ?
Les mesures sont calculées directement depuis la définition d'écran intrinsèque du cadre capturé dans le canvas, et non depuis la miniature affichée dans le DOM. Le zoom ou la densité Retina sont ainsi totalement pris en compte.
