ByteScope

Online Ruler

クレジットカードで一度合わせれば、画面の1mmが本物の1mmになるオンライン定規。

ファイルはブラウザから送信されません — 処理はすべてローカルで行われます。

未校正 — CSS 既定の 96 dpi と仮定しています

1. この画面を校正する

実物を画面に平らに当て、枠の右端をドラッグして大きさをぴったり合わせてください。これで以下の目盛りが実際のミリメートルになります。

規格上の幅
85.60 mm
算出された画面 DPI
96 dpi
1 mm あたりのピクセル数
3.780 px/mm
現在の校正値で描いた基準物の枠

2. 定規

上端がミリメートル、下端がインチです。画面が狭いときは定規が横スクロールします。

表示単位
0 から計測ラインまで0.0 mm
01020304050607080901001101201301401500in1in2in3in4in5in

計測ラインはドラッグで動かせます。フォーカスして矢印キーを押すと 1 mm ずつ、Shift を押しながらだと 0.1 mm ずつ動きます。

この定規に分からないこと

ここに出る数値は、あなたが合わせた校正値だけを根拠にしています。ページ側からピクセルの実寸を知る方法はないので、枠が実物と合っていなければ目盛り全体が同じ割合でずれます。しかも見た目はまともな定規のままです。

ブラウザのズームや OS の拡大縮小は CSS ピクセルの大きさそのものを変えるため、保存した校正値は無効になります。実際に測るときと同じ倍率で校正し、倍率を変えたら校正し直してください。

外部モニターは画素ピッチの違う別の画面なので、それぞれ個別に校正する必要があります。ウィンドウが別のディスプレイに移ったことをページ側から知る手段はなく、警告も出ません。移動したら必ず校正し直してください。

このツールについて

CSSピクセルはフィクションです。どのパネルを使っていても、ブラウザは「1インチ=96ピクセル」と仮定するので、キャリブレーションなしの画面定規はほぼすべてのモニターで狂っています。このページはまずそれを認めるところから始まります。クレジットカード(ISO/IEC 7810 ID-1、世界共通で幅85.6mm)か硬貨を画面に当て、枠が実物とぴったり重なるまでドラッグしてください。その瞬間から、この画面のmm目盛りとインチ目盛りは本物になり、ドラッグできる測定線が実際の長さを読み取ります。

カードが基準になっている理由

精度を決めるのはドラッグの正確さで、基準が長いほど1ピクセルのズレが安くつきます。直径24mm前後の硬貨で1ピクセル外すのと、85.6mmのカードで外すのとでは相対誤差がまるで違う——だからカードが最初に来ます。手元になければ、500円玉のほか、USクォーター、2ユーロ硬貨、UK1ポンド硬貨、NT$10硬貨、そしてA4用紙の短辺が使えます。A4の短辺は基準の中でいちばん長く、プリンター用紙が1枚あれば十分です。結果はこのブラウザのlocalStorageに記憶され、どこにも送信されません。

キャリブレーションが壊れる条件

ブラウザのズームはすべてを変えます。測るときのズーム倍率で合わせ、倍率を変えたら合わせ直してください。外部モニターは画素ピッチが違う別の画面なので、それ専用のキャリブレーションが必要です。ウィンドウが別のモニターへ移動したことをページ側は検知できないため、合わせ直さずに測ると黙って間違った数字を出します。そして測れるのはガラス面に平らに当てられるものだけ。曲面のものや、視差が出るほど厚いものは、この定規が正直に測れる範囲の外です。

よくある質問

なぜ画面の定規は、そのままだとサイズが狂うのですか?

ブラウザがピクセルの実寸を知らないからです。CSSは1インチ=96ピクセルと定義していて、14インチのノートPCでも32インチの4Kモニターでも、Webページに渡る数字は同じ。本当の画素密度はページからは見えません。サイズの分かっている実物(カードは世界中どこでも85.6mm)に合わせるのが目盛りを本物にする唯一の方法で、だからこのページは何かを主張する前にまずキャリブレーションを求めます。

ブラウザのズームを変えると狂いますか?

狂います。ズームはCSSピクセルそのものを拡縮するので、100%で合わせた定規は110%ではちょうどその倍率ぶん間違います。測るときの倍率で合わせて、ズームやOSの表示スケーリングを変えたら合わせ直してください。保存される値は「この画面のこのズーム倍率」のもので、それ以上ではありません。

クレジットカードが手元にありません。代わりになるものは?

ISO/IEC 7810 ID-1の形のカードなら何でも構いません。キャッシュカード、交通系ICカード、ポイントカード——大事なのは幅85.6mmであって発行元ではありません。なければ500円玉、USクォーター、2ユーロ、UK1ポンド、NT$10の硬貨か、A4用紙の短辺を。手持ちの中でいちばん長い基準を選んでください。小さい硬貨ほど、1ピクセルのズレが高くつきます。

キャリブレーションの値はどこかに送信されますか?

いいえ。保存されるのは「この画面で1CSSピクセルが実寸何mmにあたるか」というたった1つの数値で、次回やり直さずに済むようこのブラウザのlocalStorageに置かれるだけです。端末の外には一切出ず、サイトデータを消せば一緒に消えます。

キャリブレーション後の精度はどのくらいですか?

基準に合わせたドラッグの正確さが、そのまま精度です。カードに丁寧に合わせれば、カードの長さに対して0.5mm以内は現実的で、誤差は距離に比例して増えます。ノギスの代わりにはなりません——ドラッグ、目、画面のガラスの分は必ず乗ります。それでもネジや用紙サイズ、フレームの確認になら、正直で再現性のある道具です。ただし、合わせたときとズームとモニターが同じである限り。