Screen Ruler vs Ruler.onl — 3デバイスでの精度テスト

Ruler.onlは意図的にミニマルなデザイン — 定規だけ、余計なものなし。設定もなければ校正ウィザードもない。開いて、測る。そのシンプルさは魅力的です。問題は、異なる画面ハードウェアに対して「シンプル」と「正確」が両立するかどうかです。

3つのデバイスで同じ物理計測テストを行い、比較しました。

簡易比較

デスクトップモニター（実際92 PPI） Ruler.onlは-4%の誤差。Ruler.onlのベストケースです — 標準デスクトップモニターはCSSに組み込まれた96 PPIの仮定に近いため。

MacBook（227 PPI、Retina） 誤差は+58%に跳ね上がりました。MacBookのRetinaディスプレイは物理的に227 PPIですが、macOSがCSSピクセルサイズを2倍にするため、CSSの「1インチ」が実際には約1.58物理インチに広がります。

iPhone（460 PPI、3xデバイスピクセル比） ここで差は異常な値に。Ruler.onlは+380%の誤差。「1cm」と表示された部分が実際には約4.8cmでした。モバイル計測としては実質機能しません。

Screen Rulerは同じデバイスで校正後すべて1%未満の誤差。

これはRuler.onl特有の設計ミスではなく、CSSの仕組みの結果です。

CSSは1インチを正確に96ピクセルと定義し、物理ハードウェアとは無関係です。2000年代初頭にモニターがほぼ96 PPIだった時代には合理的でした。今日のスマホは300〜500 PPI以上で、デバイスピクセル比（DPR）でスケールアップします。

校正なしでは修正不可能です。Screen Rulerはクレジットカード（85.6 × 54mm、ISO規格）で物理計測を行い、スケールファクターを補正します。

Ruler.onlは標準デスクトップモニターでの大まかな参照には十分です。1080pや1440pの画面でざっくりした値が必要なら、~4%の誤差は問題にならないでしょう。

それ以外のすべて — 高DPIノートPC、スマホ、タブレット、精度が必要な場面 — では、校正なしでは測れません。Screen Rulerの校正アプローチがブラウザから正確な物理計測を得る唯一の信頼できる方法です。