メインコンテンツへスキップ
Online Ruler Plus
水平軸 · 上辺・下辺同時表示 · cm, mm, in & px

全幅水平オンライン・スクリーン＆ピクセル定規

上辺と下辺に水平スケールを同時配置し、横長の物体の平行測定、30 cm / 12インチスパン、CSSピクセル幅の確認に最適です。

インタラクティブ・オンライン画面定規ワークスペース

推定キャリブレーション96.0 PPI較正
ガイド軸:

原点 (0, 0) · 左上破線基準ライン

測定物の端を0の目盛りに合わせてください。定規またはグリッド上をクリックするとドラッグ可能なガイド線を配置できます。

X: 0.00 cm · Y: 0.00 cm
単位換算@ 96.0 PPI
3 3/8 in (3 3/8 in)

画面ピクセル密度較正 · 画面ごとにローカル保存

画面を実物大 (1:1) スケールにキャリブレーション

ブラウザの標準設定 (96 CSS PPI) は実際のモニター密度と異なることがほとんどです。下の3つの方法から1つを選び、すべてのmm・インチ目盛りを実際の長さに一致させてください。

現在のスケール推定キャリブレーション

96.0 PPI·3.780 px/mm

CSS標準スケール (96 px/inch)

モニタープロファイル:
国際規格 ISO/IEC 7810 ID-1 · 85.60 × 53.98 mm

実物のクレジットカード・キャッシュカード・免許証を合わせる

標準的な決済カードや運転免許証、マイナンバーカード等を画面の枠線に当て、外枠の幅とぴったり一致させてください。

基準:
左上揃え基準 · 1:1 実寸カード枠線
ISO/IEC 7810 ID-1
85.60 mm

ここに実物カードを当ててください

左端と上端を合わせ、右側の外枠と一致させます

3.370 × 2.125 in53.98 mm

目視アライメント確認チェック

  1. カードを水平に当てる: 実物カードの左端と上端を枠の左上にぴったり添えます。
  2. 右端の枠に合わせる: スライダーまたは ← → キーでカード右端と完全に一致させます。
  3. 視差を避ける: 画面のガラスに対して垂直正面からカード右端を確認してください。

算出スケール: 96.0 CSS PPI · 3.780 px/mm

キーボード微調整: カード領域をクリックして ← → を押します (Shift で5px単位)。

実寸確認ゲージ

身近な硬貨で実寸を確認する

実物の硬貨をリアルタイム実寸表示された下の円枠に重ねて、較正が正確かすぐに確かめられます。

24.26 mm
US 25セント
23.25 mm
1ユーロ硬貨
19.05 mm
US 1セント
50.0 mm 基準バー (5.0 cm)1.969 in

ローカルセッション履歴

計測履歴

定規上に2本の平行ガイド線を配置し履歴に保存をクリックすると、2点間の距離 (ΔX / ΔY) がお使いの端末にローカル保存されます。

    保存先: localStorage のみ外部サーバー送信なし

    水平軸計測 · 上下平行スケール

    横長の物体とCSSピクセル幅を水平に測る方法

    上辺と下辺の両方をあらかじめオンにしてあり、傾きを抑えた水平計測やWebレイアウト幅の確認がスムーズに行えます。

    詳細マニュアル
    1上下デュアル水平軸

    上辺と下辺の両方を同時に使うメリットは？

    封筒や本の背、キーボード等の横長の対象物は片側だけだと傾き誤差が出やすくなります。上下同じ位置を通る垂直ガイド線を使うと平行度を保って正確に測れます。

    上辺・下辺で計測する →
    2CSSピクセル定規 (px)

    Web制作向けのCSSピクセル (px) モードの仕組みは？

    キー 3 でpxモードにすると物理較正とは独立したW3C論理CSSピクセル (10px/50px/100px刻み) が描画され、レスポンシブ幅や余白をブラウザ上で直接検査できます。

    画面別の最大水平幅を見る →
    3全画面スパン · 最大幅

    画面上で水平計測長を最大化するには？

    16:9モニターの横幅は対角線の約87.2%です (15.6型で34.5 cm、27型で59.8 cm)。較正後、F キーの全画面表示により端から端まで一杯に使えます。

    水平幅を較正する →

    X/Y ガイドとクロスヘア計測

    FIG. 06 · 2D 計測面
    上下左右に動く X/Y ガイド線で囲まれた ΔX × ΔY 領域と対角線、カーソル表示の図。
    X/Y ガイド線とリアルタイム十字線により、縦横と対角線長を一度に正確に取得できます。

    インタラクティブ動作ガイド

    測定の動きを視覚的に確認

    アニメーション再生中
    012345678910Span Object · ΔX85.60 mm

    左端を内側のゼロ基準線に合わせ、対象の右端までラインを展開して長さを読み取ります。

    ΔX = X₂ − X₁

    ワイドスクリーン幾何 · 16:9 / 16:10 / ウルトラワイド

    画面対角線ごとの最大水平計測スパン

    スマホ横持ちから34型ウルトラワイドモニターまで、水平方向に一度に収まる長さを確認できます。

    較正 & PPIガイド

    16:9や16:10モニターの横幅はcm・インチでいくつですか？

    三平方の定理より16:9は対角線×0.8716、16:10は対角線×0.8480です。15.6型16:9ノートは34.54 cm (13.60 in)、27型モニターは59.77 cm (23.53 in) です。

    水平定規と垂直ガイド線の組み合わせ方

    上下どちらかの水平定規をクリックすると全高の垂直ガイドが落ちます。対象の左右端に2本置くと、下部バーにΔX差分が自動表示されます。

    スマホを横向きにすればもっと長く測れますか？

    はい。縦持ちで約6.5 cmのスマホでも横向きにすれば約13.5〜15.0 cmまで約2倍に広がり、較正値も自動で引き継がれます。

    パネル寸法リファレンス (16:9, 16:10, 21:9)

    対角線ごとの最大水平表示幅（インチ・cm・mm・CSS px）

    ディスプレイ / 比率有効幅 (in)有効幅 (cm / mm)CSSビューポート幅収まる標準定規目安
    6.1" スマホ (19.5:9 横向き)5.55 in14.1 cm (141 mm)844 – 852 CSS px最大 13 cm / 5 in
    11.0" タブレット (4:3)8.80 in22.4 cm (224 mm)1024 – 1194 CSS px15 cm / 6 in 定規
    13.3" ノートPC (16:10 Retina)11.28 in28.6 cm (286 mm)1440 CSS px最大 27 cm / 10.5 in
    14.2" MacBook Pro (16:10)11.97 in30.4 cm (304 mm)1512 CSS px30 cm / 11.5 in 全長
    15.6" フルHDノート (16:9)13.60 in34.5 cm (345 mm)1536 – 1920 CSS px30 cm & 12インチ定規全長
    24.0" モニター (16:9 1080p)20.92 in53.1 cm (531 mm)1920 CSS px50 cm / 18インチ
    27.0" モニター (16:9 QHD/4K)23.53 in59.8 cm (598 mm)1920 – 2560 CSS px58 cm / 22インチ
    34.0" ウルトラワイド (21:9)31.36 in79.7 cm (797 mm)3440 CSS px75 cm / 30インチ

    横幅計算式: 16:9 = 対角×0.87158 · 16:10 = 対角×0.84800 · 21:9 = 対角×0.92246。

    定規の軸・単位を切り替える

    他の較正済みオンライン定規モードを見る

    全辺ワークスペース

    メートル法 · cm

    センチメートル定規

    1 cm / 0.5 cm目盛り ＋ インチ換算表

    インチ · 1/16″

    インチ定規 (12″)

    1/2, 1/4, 1/8, 1/16″ 分数表示

    細目盛り · mm

    ミリメートル定規

    1 mm / 5 mm 精密スケール

    上辺・下辺

    水平定規

    広域測定 & CSSピクセル (px)

    左辺・右辺

    垂直定規

    縦方向高さ & スマホ縦向き対応

    水平・ピクセル定規 FAQ

    水平スクリーン定規のよくある質問

    すべてのよくある質問を見る

    上辺と下辺の両方に水平定規を表示する利点は？

    +

    ノートPCは下辺にキーボードやヒンジがあって物を当てにくいため上辺を使える利点があり、また上下2点を通る垂直ガイドで対象物の傾きも防げます。

    CSSピクセル (px) 定規として使う方法は？

    +

    ツールバーの「px」をクリックするかキー 3 を押すだけで、0 pxからビューポート全幅までの論理CSSピクセル定規に切り替わります。

    なぜ水平定規の0ラインが左端から16ピクセル内側にあるのですか？

    +

    モニター外枠(ベゼル)の段差や影に0の目盛りが隠れないよう、16 CSS px内側の平坦なガラス面に0基準線を配置しています。

    水平定規のままcm・mm・インチを切り替えられますか？

    +

    はい。キー1(cm)、2(in)、3(px)、4/M(mm)、または「cm/in 併用」をいつでも自由に切り替えられます。