How to Use Screen Ruler Online
Screen Ruler Online の各ツールのクイックスタートガイド。下から必要なツールへジャンプ — 各セクションでは用途、対象ユーザー、5 ステップの使い方を説明します。
ツール別クイックスタート
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.
スクリーン定規
cm、mm、インチ対応の正確なスクリーン定規。クレジットカードで一度キャリブレーションすれば、画面の縁に当てて 0.5 mm 精度で実物を測れます。印刷サイズを確認するデザイナー、商品サイズを確認する買い物客、小物を測る学生に最適です。
クイックスタート
- Screen Ruler を開きます。画面の左側に選択した単位の縦定規が読み込まれます。
- キャリブレーションパネルをタップし、クレジットカードを画面に平らに置きます。スライダーをドラッグして、画面上の枠線がカードの端と完全に一致するまで調整します。
- 上部の単位セレクターでセンチメートル、ミリメートル、インチを切り替えます。
- 測りたい物を定規に当てます。一辺をゼロ目盛に合わせ、もう一辺を読み取ります。
- 小さな画面では特にフルスクリーンモードで定規を最大化できます。キャリブレーションはデバイスごとに 30 日間保存されます。
印刷可能な定規
cm、mm、インチで 1:1 の実寸スケールの無料印刷可能な定規 PDF。キャリブレーション不要 — 印刷して平らに置き、測定するだけ。クラフト、木工、裁縫、子どもの宿題で物理的な定規が必要なときに便利です。
クイックスタート
- Printable Ruler ページを開き、単位（cm、mm、インチ）と長さを選びます。
- Generate PDF をクリック。ダウンロードは 300 DPI、1:1 実寸スケールです。
- プリンターのダイアログで拡大率を 100%（または実寸）に設定 — Fit to Page にすると定規が静かに縮小されます。
- 標準用紙に印刷します。同梱のキャリブレーション正方形でプリンターが再スケールしていないか確認します。
- 輪郭に沿って切れば物理定規の完成。ラミネートすれば繰り返し使えます。
デバイススペック
69+ 機種のスマホ、タブレット、ノート PC を画面サイズ、解像度、PPI、アスペクト比でフィルタできるデータベース。レスポンシブ・ブレークポイントを確認する開発者、機種比較する買い物客、ターゲット端末を選ぶデザイナーに役立ちます。
クイックスタート
- Device Specs ページを開きます。69+ 機種のフィルタ可能な表が表示されます。
- ブランド、OS、年、タイプ、画面サイズで絞り込み、または検索ボックスで特定機種を探します。
- 任意の行をクリックすると、フルスペックと関連機種一覧の詳細ページが開きます。
- 機種ページの Open Ruler CTA を使えば、その機種の PPI に合わせて事前キャリブレーション済みの定規を起動できます。
- 比較ページをブックマークするか、調達・設計用にスペックをスペックシートにコピーします。
ランダムルーレット
公平なランダム抽選ができるカスタマイズ可能なスピナー。選択肢を入力して Spin を押すと、ランダムに 1 つに止まります。生徒を指す先生、夕食を決める家族、ドラフト順を決めるチームに使われています。
クイックスタート
- Spinner を開きます。短いデフォルト選択肢のリストが読み込まれます。
- 項目をクリックして編集、Add で新規追加、Remove で削除します。
- ホイールが再分割されると、各選択肢に自動的に色が割り当てられます。
- Spin を押します。ホイールはなめらかに減速して回転し、ランダムに 1 つのセグメントに止まります。
- 全選択肢の当選確率は同じです。リストはブラウザにのみ保存され、タブを閉じると消えます。
ドット抜けテスト
モニター、スマホ、テレビのドット抜け、スタックピクセル、ホットピクセルを発見するフルカラーのテスト画面。納品確認前、画面修理後、不具合を疑ったときに実行 — 60 秒でパネルが健全か判定できます。
クイックスタート
- 確認したい画面で Dead Pixel Test ページを開きます。
- ブラウザを最大化してフルスクリーンにし、テストがパネル全体を覆うようにします — ほとんどのブラウザで F11。
- 色画面（赤、緑、青、白、黒）を順に切り替えます。背景と異なる色のピクセルがないか注意深く確認します。
- 黒のままなのがドット抜け、ある色で固定されているのがスタックピクセル、常に白いのがホットピクセルです。
- グラデーションテストでバンディングなどの均一性問題を確認します。スタックピクセル修復後はもう一度実行して回復を確認します。
分度器
画面上で 0° から 360° の任意の角度を測定できるデジタル分度器。2 本の線を目的の角度までドラッグ、1°/5°/15°/45° のスナップも選択可能。幾何の宿題、留め継ぎ、裁縫のダーツ、写真上の屋根勾配チェックに。
クイックスタート
- Protractor を開きます。デフォルト 90° の角度で 2 本のドラッグ可能な線が付いた円形ダイアルが読み込まれます。
- 端点ハンドルで線をドラッグして中心の周りを回転させます。角度と陰影セクターはリアルタイムで更新されます。
- 正確な角度には Snap をオンにして 1°、5°、15°、45° の刻み幅を選びます。線は最も近い刻みに吸着します。
- 印刷図面を画面に平らに当てれば、紙上の角度を測定できます。
- Reset で 90° に戻ります。分度器はデフォルトで内角を測定 — 優角は 360° から引いて求めます。
画面サイズ計算機
解像度と PPI から物理画面サイズを計算、または視聴距離からテレビの適切なサイズを確認します。ホームシアターを組む人、モニターを選ぶ人、65 インチと 75 インチを比較する買い物客に。
クイックスタート
- Screen Size Calculator を開き、入力モードを選びます — 対角サイズ、幅と高さ、または解像度と PPI。
- 数値を入力します。計算機は物理幅、高さ、面積、推奨視聴距離を返します。
- テレビ選定には TV size for room サブページを使います：ソファから画面までの距離を入力し、規格（THX、SMPTE、4K 没入型）を選びます。
- 計算機を 2 回実行して 2 画面を比較し、対角と可視面積の違いを確認します — 16:9 の 65 インチは 21:9 の 65 インチよりかなり大きいです。
- 購入前に Device Specs データベースで物理サイズをクロスチェックします。
ピクセル変換ツール
px と mm、cm、インチ、rem、em、pt、%、vw、vh の即時 CSS 単位変換ツール。フロントエンド開発者、デザイナー、ターゲット DPI に合わせてタイポグラフィやレイアウトを調整する人向け。
クイックスタート
- Pixel Converter を開きます。ソース単位（px、mm、cm、インチ、rem、em、pt、%、vw、vh）を選びます。
- 値を入力します。すべてのターゲット単位が同時に更新されます。
- ベースフォントサイズ（デフォルト 16px）と DPI を設定し、rem と物理単位の変換精度を確保します。
- 1rem = 16px や 1pt = 1.333px のような一般的な変換は早見表で確認します。
- 結果を CSS やデザインツールにコピーします。コンバーターはステートレス — 更新でフォームがリセットされます。
アスペクト比計算機
ピクセル寸法からアスペクト比を計算、または片方の辺と比率がわかっているときに不足する寸法を求めます。動画編集者、ソーシャルメディアデザイナー、Instagram、TikTok、YouTube、LinkedIn の画像サイズを選ぶ開発者向け。
クイックスタート
- Aspect Ratio Calculator を開きます。ピクセル幅と高さを入力すると、簡約された比率が得られます。
- または不足寸法を求めるモードを選び、幅とターゲット比率（16:9、4:3、1:1、9:16）を入力すると、計算機が高さを返します。
- プラットフォーム早見表で Instagram 投稿、TikTok 動画、YouTube サムネイル、LinkedIn バナーの最適サイズを確認します。
- 印刷用にピクセルサイズを物理単位に変換する場合は、Pixel Converter で再確認します。
- 簡約比率は幅と高さの最大公約数 — 1920×1080 は 16:9、1080×1080 は 1:1 になります。
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.