ピクセル ルーラー

ドラッグして画面上にルーラーを配置します。幅と高さをピクセル、センチメートル、インチで測定します。UI デザイン、スクリーンショット、フロントエンド作業に役立ちます。

定規ツール · 100% クライアント側 · タッチスクリーンのサポート
Detected screen DPI / PPI
Measuring…
72 dpi — web standard 96 dpi — Windows default 220+ dpi — Retina / HiDPI
Ruler
Click and drag to place the ruler Or click anywhere to create a ruler at that position
Width / Length
Height / Breadth
Position X
Position Y

ピクセル定規をオンラインで使用する方法

ToolsPix ピクセル定規 画面上の任意の場所に正確な定規をドラッグして、ピクセル、センチメートル、またはインチ単位で幅と高さを測定できます。すべてブラウザ内で行うことができ、ソフトウェアをインストールしたり、データがデバイスから流出したりすることはありません。

ToolsPix ピクセル定規を使用する理由?

  • サインアップやアカウントは不要で完全に無料です。
  • ブラウザ内で完全に動作します。アップロードや追跡は行われません。
  • 自動 DPI 検出により、ピクセル、センチメートル、インチをサポートします。
  • ルーラーをドラッグしてサイズ変更するか、水平方向と垂直方向を切り替えます。
  • 十字線オーバーレイには、マウスを動かすとライブ X/Y 座標が表示されます。

ピクセル定規で計測する手順

上のルーラー領域の任意の場所をクリックしてドラッグし、ルーラーを配置します。一方の端にある緑色のハンドルをドラッグしてサイズを変更し、定規の本体をドラッグして位置を変更します。の間で切り替えます ピクセルcm、 そして 本体ボタンを使用して切り替えます 水平 または 垂直 必要に応じてモードを変更します。統計バーには、幅、高さ、位置がリアルタイムで表示されます。

よくある質問

ピクセル定規の精度はどのくらいですか?

ピクセルの測定値は正確です。100% ズームで 1 CSS ピクセル = 1 画面ピクセルです。センチメートルとインチの測定の精度は、画面の devicePixelRatio から推定される DPI 検出に依存します。標準的なモニターではこれに非常に近い値になります。 HiDPI/Retina ディスプレイでは若干異なる場合があります。

DPI とは何ですか? なぜ重要ですか?

DPI (ドット/インチ) または PPI (ピクセル/インチ) は、画面の 1 インチに収まるピクセル数を測定します。標準モニターは約 96 dpi ですが、Retina ディスプレイは 220 dpi 以上になる場合があります。 DPI を知ることで、このツールはピクセル測定値を実際のセンチメートルとインチに正確に変換できます。

別のブラウザタブで要素を測定できますか?

直接的にはそうではありません。ブラウザのセキュリティにより、クロス集計の対話が妨げられます。ただし、他のタブのスクリーンショットを撮り、それをこのタブで画像として開き、ルーラーを使用してその画像内の要素を測定することができます。

タッチスクリーンでも動作しますか?

はい。ルーラーはマウスとタッチ入力の両方をサポートしています。タッチスクリーンでは、1 本の指を使用してルーラーをドラッグして配置し、端にあるハンドルをドラッグしてサイズを変更します。

ピクセル ルーラーは無料で、画面データをどこにでも送信できますか?

このツールは完全に無料で、サインアップは必要ありません。すべての測定は、JavaScript を使用してブラウザ内でローカルに行われます。画面データ、座標、使用状況に関する情報がサーバーに送信されることはありません。

関連ツール