📏 画面上定規

ブラウザ上で使える定規ツール。px・cm・インチ単位で距離を計測でき、クレジットカードによるキャリブレーション機能も搭載。

DPI: 96
計測距離
水平
垂直
💡 定規エリア上をクリック&ドラッグで距離を計測。マウスカーソルに十字ガイドラインが表示されます。

使い方・活用例

  • UI要素のサイズをピクセル単位で確認
  • 画面上のバナーや画像の実寸を計測
  • 印刷物のサイズ確認(キャリブレーション後)
  • デザインの余白・間隔を確認するのに便利
  • 単位をcmやinchに切り替えて実寸計測
  • クレジットカードでキャリブレーションすると精度が向上

画面上定規とは

ブラウザ上で直接使える定規ツールです。px・cm・インチ単位に対応し、クリック&ドラッグで画面上の距離を正確に計測できます。クレジットカードを使ったキャリブレーション機能により、物理的な距離も測定可能です。

使い方ガイド

まず、測定に使用する単位を選択します。ピクセル単位ならそのまま使用できますが、実寸法を測りたい場合は、クレジットカード(標準サイズ85.6×53.98mm)を使ってキャリブレーションを実施します。その後、測定対象の起点をクリック、終点へドラッグすることで距離が自動計算されます。複数の計測も連続して実行できます。

活用シーン

・Webデザイン制作時にレイアウト間隔を正確に計測
・スクリーンショット上の要素サイズやマージンを確認
・クレジットカードでキャリブレーション後、デスクの物体の長さを非接触で測定
・モニター上の正確な配置確認が必要な印刷やプロダクション作業

知っておきたいポイント

キャリブレーション機能により、デジタル画面上だけでなく、カメラで撮影した画像上の物体サイズも測定可能です。クレジットカードは世界共通の標準サイズのため、どこでも同じ精度でキャリブレーションできます。複数回の計測を行う場合は、一度キャリブレーションを行っておくと以降の計測がスムーズです。

よくある質問

画面上定規の精度はどのくらいですか?

キャリブレーション前はOS標準の96DPIを基準に計算するため、実際の画面解像度によって誤差が生じます。クレジットカードを使ったキャリブレーションを行うことで、より正確な計測が可能になります。

キャリブレーションはどうやって行いますか?

「キャリブレーション」ボタンを押すとクレジットカードサイズ(85.6mm×53.98mm)の枠が表示されます。実際のカードを画面に合わせてサイズを調整することで、正確なDPIを設定できます。

どの単位で計測できますか?

ピクセル(px)、センチメートル(cm)、インチ(inch)の3単位に対応しています。単位切り替えボタンでいつでも変更できます。

距離の計測方法は?

定規エリア上でクリックしてドラッグすると、始点から終点までの距離が選択した単位で表示されます。マウスカーソルに追従するガイドラインも表示されます。

スマートフォンでも使えますか?

はい、タッチ操作にも対応しています。タッチでドラッグして距離を計測できます。ただし、画面サイズが小さいため、PCでの利用がより快適です。

複数の定規を同時に使うことはできますか?

はい、定規は何本でも同時に配置できます。複数の定規を使うことで、複雑なレイアウトの複数箇所の寸法を同時に計測できます。

マルチモニタ環境で、ディスプレイをまたいで計測することはできますか?

いいえ、計測は現在のディスプレイ内に限定されます。別のディスプレイの寸法を計測する場合は、そのディスプレイに定規を移動して計測してください。

計測した値を記録・保存することはできますか?

スクリーンショット機能を使うか、計測結果を手動でコピーすることで記録できます。メモ帳やスプレッドシートなどに値を貼り付けて保管してください。

数千ピクセルを超える大きなサイズを計測する場合、精度は変わりますか?

基本的に精度は変わりませんが、スクロールして計測する場合はスクロール位置がズレないよう注意してください。定規の起点を固定してから計測を開始することをお勧めします。

定規を斜めに回転させて使うことはできますか?

いいえ、定規は水平・垂直のみの配置となります。斜め方向の計測が必要な場合は、三角形の対角線を計算する別途計算ツールの使用を検討してください。

定規の色やデザインをカスタマイズできますか?

はい、設定メニューで定規の色や透明度を変更できます。背景色に合わせて視認性の高い色を選ぶと、より正確な計測ができます。