オンライン定規について

画面定規の仕組みと精度に影響する要因

オンライン定規は、ブラウザベースの画面定規です。ピクセル (px) で測定でき、PPIキャリブレーション後は、より1:1に近いスケールでセンチメートルやインチを推定できます。ガイドと選択ツールはサイズ合わせや読み取りに役立ちますが、結果はズーム、ディスプレイスケーリング、ハードウェアに依存します。

目的

画面上の測定をシンプルにすること:信頼性の高いpxサイズを表示し、明確な制限付きで実単位に近づけるためのキャリブレーションを提供すること。

原則

主張よりも明確さを優先します。キャリブレーションが何を変えるかを説明し、インターフェースをシンプルに保ち、設定をユーザーのデバイスに残します。

チーム

UIレイアウトのチェック、画面上での印刷プレビュー確認、素早いpx測定に使用する開発者によって構築・維持されています。

技術

Next.js、React、Tailwind CSS、next-intlで構築されています。定規はブラウザで動作し、キャリブレーションと設定はローカルに保存されます。

測定の仕組み

pxはページのCSSピクセルです。cm、mm、インチは、同じ画面上で実物に合わせた実効PPIから換算します。

向いている用途

UI、画像、ラベル、カード、小物の簡単な確認です。

向いていない用途

医療、製造、建築、法的証拠、安全に関わる測定には使わないでください。

端末内に残るデータ

座標、選択範囲、調整済みPPIはブラウザ内で処理します。アクセス解析や広告へ測定値を意図的に送りません。

定義と基準寸法

CSSピクセルはW3C、85.60 mmカードはISO/IEC 7810 ID-1に基づきます。

W3C CSS Values and Units · ISO/IEC 7810 ID-1

関連リンク

オンライン定規について:PPIキャリブレーションと画面測定