How to Use Screen Ruler Online
Guides de démarrage rapide pour chaque outil de Screen Ruler Online. Saute à l'outil qui te concerne — chaque section explique à quoi il sert, à qui il s'adresse, et comment s'en servir en 5 étapes.
Démarrage rapide outil par outil
Each section below covers one tool — what it does, who should use it, and a 5-step quick start. Calibration and pixel-density basics are explained at length in the Screen Ruler section, since those concepts apply across the measurement tools.
Règle d'écran
Une règle d'écran précise en cm, mm et pouces. Calibrée une fois avec une carte bancaire, tu mesures des objets réels contre le bord de l'écran à un demi-millimètre près. Idéal pour les designers qui vérifient des formats d'impression, les acheteurs qui valident des dimensions et les élèves qui mesurent de petits objets.
Démarrage rapide
- Ouvre la Screen Ruler. L'outil charge une règle verticale à gauche de l'écran avec des graduations dans l'unité choisie.
- Touche le panneau de calibration et pose une carte bancaire à plat sur l'écran. Fais glisser le curseur jusqu'à ce que le contour à l'écran épouse la carte bord à bord.
- Change d'unité entre centimètres, millimètres et pouces avec le sélecteur en haut.
- Pose l'objet à mesurer contre la règle. Aligne une arête sur le zéro et lis l'autre.
- Utilise le mode plein écran pour la règle la plus longue possible, surtout sur petits écrans. La calibration est conservée 30 jours par appareil.
Règle imprimable
Une règle imprimable gratuite en PDF en cm, mm ou pouces à l'échelle 1:1 réelle. Pas de calibration — imprime, pose à plat, mesure. Parfaite pour le bricolage, le bois, la couture ou les devoirs quand tu n'as pas de règle physique sous la main.
Démarrage rapide
- Ouvre la page Printable Ruler et choisis ton unité (cm, mm ou pouces) et ta longueur.
- Clique sur Generate PDF. Le téléchargement est à l'échelle 1:1 réelle en 300 DPI.
- Dans la boîte de dialogue d'impression, règle l'échelle sur 100% (ou Taille Réelle) — jamais Ajuster à la page, qui rétrécit la règle en silence.
- Imprime sur du papier standard. Utilise le carré de calibration inclus pour vérifier que l'imprimante n'a pas remis à l'échelle.
- Découpe le long du contour et tu as une règle physique. Plastifie-la pour la réutiliser.
Spécifications de l'appareil
Une base de données filtrable de 69+ téléphones, tablettes et ordinateurs portables avec taille d'écran, résolution, PPI et rapport d'aspect. Utile aux développeurs pour vérifier les breakpoints responsive, aux acheteurs pour comparer les modèles et aux designers pour choisir leurs cibles.
Démarrage rapide
- Ouvre la page Device Specs. Tu verras un tableau filtrable de 69+ appareils.
- Filtre par marque, OS, année, type, taille d'écran ou utilise la barre de recherche pour un modèle précis.
- Clique une ligne pour ouvrir la fiche détaillée avec les specs complètes et la liste des appareils proches.
- Utilise le bouton Open Ruler sur la fiche pour lancer une règle pré-calibrée au PPI de cet appareil.
- Mets une comparaison en favori ou copie les specs dans un cahier des charges pour l'achat ou le design.
Roue aléatoire
Une roue personnalisable pour des tirages aléatoires équitables. Saisis ta liste, clique sur Spin, la roue s'arrête au hasard sur une option. Utilisée par les enseignants pour interroger, les familles pour décider du dîner et les équipes pour tirer un ordre.
Démarrage rapide
- Ouvre le Spinner. Il charge avec une courte liste d'options par défaut.
- Clique une entrée pour la modifier, Add pour ajouter, Remove pour supprimer.
- Chaque option reçoit sa propre couleur quand la roue se re-segmente.
- Appuie sur Spin. La roue tourne avec une décélération douce et s'arrête au hasard sur un secteur.
- Toutes les options ont la même probabilité de gagner. La liste reste dans ton navigateur et disparaît à la fermeture de l'onglet.
Test de pixels morts
Des écrans de test pleine couleur qui font ressortir les pixels morts, bloqués et chauds sur n'importe quel moniteur, téléphone ou téléviseur. À lancer avant d'accepter une livraison, après une réparation ou en cas de doute — 60 secondes suffisent.
Démarrage rapide
- Ouvre la page Dead Pixel Test sur l'écran à vérifier.
- Mets le navigateur en plein écran pour que le test couvre toute la dalle — F11 sur la plupart des navigateurs.
- Fais défiler les écrans de couleur (rouge, vert, bleu, blanc, noir). Cherche tout pixel qui ne change pas avec le fond.
- Un pixel qui reste noir est mort, un pixel bloqué sur une couleur est bloqué, un pixel toujours blanc est chaud.
- Lance le test de dégradé pour repérer les défauts d'uniformité comme le banding. Répète après une tentative de réparation pour confirmer.
Rapporteur
Un rapporteur numérique qui mesure tout angle de 0° à 360° à l'écran. Fais glisser deux rayons jusqu'à l'angle voulu, avec aimantation optionnelle à 1°/5°/15°/45°. Pour les devoirs de géométrie, les coupes d'onglet, les pinces de couture et la vérification de pente de toit sur photo.
Démarrage rapide
- Ouvre le Protractor. L'outil charge un cadran circulaire avec deux rayons mobiles à 90° par défaut.
- Fais glisser un rayon par sa poignée pour le faire tourner autour du centre. L'angle et le secteur ombré se mettent à jour en temps réel.
- Pour des angles exacts, active Snap et choisis 1°, 5°, 15° ou 45°. Les rayons s'aimantent au pas le plus proche.
- Pose un dessin imprimé à plat contre l'écran pour mesurer des angles sur papier.
- Utilise Reset pour revenir à 90°. Le rapporteur mesure l'angle intérieur par défaut — soustrais de 360° pour l'angle réflexe.
Calculateur de taille d'écran
Calcule la taille physique d'écran depuis la résolution et le PPI, ou trouve la bonne taille de TV pour une distance de visionnage. Pour les passionnés de home cinéma, les acheteurs de moniteurs et qui compare un 65 vs 75 pouces.
Démarrage rapide
- Ouvre la Screen Size Calculator et choisis le mode de saisie — diagonale, largeur et hauteur, ou résolution et PPI.
- Saisis tes valeurs. Le calculateur renvoie largeur, hauteur, surface et distance de visionnage recommandée.
- Pour dimensionner une TV, utilise la sous-page TV size for room : entre la distance canapé-écran et choisis un standard (THX, SMPTE ou 4K immersif).
- Compare deux écrans en lançant le calculateur deux fois et en notant diagonale vs surface visible — un 16:9 de 65 pouces est bien plus grand qu'un 21:9 de 65 pouces.
- Recoupe la taille physique avec la base Device Specs avant d'acheter.
Convertisseur de pixels
Un convertisseur d'unités CSS instantané — px vers mm, cm, pouces, rem, em, pt, %, vw et vh. Pensé pour les développeurs front-end, les designers et tous ceux qui ajustent typographie ou mise en page à un DPI cible.
Démarrage rapide
- Ouvre le Pixel Converter. Choisis ton unité source (px, mm, cm, pouces, rem, em, pt, %, vw, vh).
- Saisis ta valeur. Toutes les unités cibles se mettent à jour en même temps.
- Règle la taille de police de base (16px par défaut) et le DPI pour des conversions précises en rem et unités physiques.
- Utilise l'antisèche pour les conversions courantes comme 1rem = 16px ou 1pt = 1.333px.
- Copie le résultat dans ton CSS ou ton outil de design. Le convertisseur est sans état — un refresh remet le formulaire à zéro.
Calculateur de rapport d'aspect
Calcule des rapports d'aspect depuis des dimensions en pixels, ou trouve la dimension manquante quand un côté et le ratio sont connus. Pour les monteurs vidéo, les designers réseaux sociaux et les développeurs qui choisissent des tailles d'image pour Instagram, TikTok, YouTube et LinkedIn.
Démarrage rapide
- Ouvre l'Aspect Ratio Calculator. Saisis largeur et hauteur en pixels pour obtenir le rapport simplifié.
- Ou choisis le mode dimension manquante : entre une largeur et un rapport cible (16:9, 4:3, 1:1, 9:16) et le calculateur renvoie la hauteur.
- Utilise l'antisèche plateformes pour trouver la bonne taille pour des posts Instagram, vidéos TikTok, miniatures YouTube ou bannières LinkedIn.
- Vérifie ton image avec le Pixel Converter si tu dois convertir les pixels en unités physiques pour l'impression.
- Le rapport simplifié est le PGCD de la largeur et de la hauteur — 1920×1080 se réduit à 16:9, 1080×1080 à 1:1.
Calculateur PPI
A free PPI / DPI calculator that derives pixel density from screen diagonal + resolution, judges Retina at the viewer's actual distance, reverses pixels needed for print at 300 DPI, and compares devices side-by-side.
Démarrage rapide
- Open the PPI Calculator. Pick a mode: Auto-detect (current display), Screen (manual), Print (reverse from physical size), or Compare (multi-device).
- Enter the screen diagonal in inches plus resolution as width × height (e.g. 1920×1080).
- Set your typical viewing distance — the calculator scales the Retina threshold against it.
- Read the PPI result, Retina verdict (Below / Meets / Exceeds), and the physical screen size in mm/inches.
- Copy the result, share the calculated link (URL state-encoded), or jump to the Ruler tool with the same calibration.
Calibration Basics
Calibration is the most important step for any measurement tool on the platform. Without it, the ruler shows approximate measurements based on your device's reported pixel density, which is often inaccurate. With calibration, measurements become precise to within half a millimeter.
Using a Credit Card
A standard credit or debit card is the best calibration object because its dimensions are standardized worldwide at 85.6mm x 53.98mm (ISO/IEC 7810). Place your card flat on the screen and use the calibration slider to adjust the on-screen outline until it matches your card exactly.
Using Other Objects
If you don't have a credit card handy, you can calibrate with US quarters (24.26mm), Euro coins (23.25mm), UK pound coins (22.5mm), and more. Select the object from the calibration panel, place it on the screen, and adjust the slider.
Understanding Pixel Density (PPI)
PPI stands for Pixels Per Inch. It tells you how many tiny dots of light fit in one physical inch of your screen. A phone with 460 PPI has much smaller, more densely packed pixels than a desktop monitor with 96 PPI. This means the same number of pixels takes up less physical space on the phone.
Modern screens also use device pixel ratios. A MacBook with a Retina display might report a device pixel ratio of 2, meaning each "CSS pixel" in the browser actually spans 2x2 physical pixels. The ruler, protractor, and pixel converter all account for this automatically during calibration.
Device-Specific Rulers
We maintain pre-configured ruler profiles for popular devices. These profiles use the device's known PPI to provide a starting point before manual calibration. Visit a device-specific ruler for the best starting accuracy:
Questions?
Full answers to common questions about every tool — ruler accuracy, protractor precision, spinner fairness, device support, privacy — live on the FAQ page.