スクリーンルーラー - 画面上のピクセルを計測

ドラッグで領域をピクセル単位で計測、リアルタイムでマウス座標を追跡、画面解像度情報を表示。

화면 정보

화면 너비

화면 높이

디바이스 픽셀 비율

뷰포트 너비

뷰포트 높이

측정 영역

클릭하고 드래그하여 영역을 측정하세요.
마우스 위치가 실시간으로 표시됩니다.

현재 측정값

— px

너비

— px

높이

—

Mouse X

—

Mouse Y

측정 기록

아직 측정 결과가 없습니다. 위의 캔버스에서 드래그하세요.

スクリーンルーラーとは？

スクリーンルーラーを使用すると、選択範囲をドラッグすることで、画面上の距離をピクセル単位で計測できます。水平および垂直ルーラーを目盛り付きで表示し、マウスの位置をリアルタイムで表示し、選択した領域の幅と高さを報告します。Webデザイナー、UI開発者、ソフトウェアをインストールせずに正確なピクセル計測が必要な方に役立ちます。

画面上のピクセルを計測する方法

モードを選択 — 矩形（面積）または線（距離）モードを選択します
クリックしてドラッグ — 計測キャンバスをクリックし、ドラッグして選択範囲を描画します
結果を確認 — 幅、高さ、およびマウスの位置は、ドラッグするとリアルタイムで更新されます
履歴を表示 — 完了した各計測は、下の履歴リストに保存されます
画面情報を確認 — 画面解像度、ビューポートサイズ、およびデバイスピクセル比が上部に表示されます

このスクリーンルーラーを使用する理由

インストール不要 — ブラウザで直接動作し、拡張機能やダウンロードは不要です
矩形＆線モード — 面積または直線距離を計測します
ピクセルパーフェクトルーラー — 10px/50px/100pxの目盛り付き水平および垂直ルーラー
リアルタイム追跡 — マウス座標は、移動すると即座に更新されます
画面情報 — 画面解像度、ビューポートの寸法、およびDPRを即座に確認できます
計測履歴 — すべての計測は、クリアするまで参照用に保存されます
プライバシー — すべてがブラウザで実行され、データはどこにも送信されません

FreeToolboxと他のスクリーンルーラーの比較

機能	FreeToolbox	PicPick	MeasureIt拡張機能
インストール	不要（ブラウザ）	デスクトップアプリ	ブラウザ拡張機能
矩形 + 線	はい	はい	矩形のみ
目盛り付きルーラー	はい	はい	いいえ
画面解像度情報	はい	いいえ	いいえ
計測履歴	はい	いいえ	いいえ
ダークモード	はい	システム	いいえ
価格	無料	無料/有料	無料

よくある質問

これは実際の画面を計測しますか？

ツールのキャンバス領域内のピクセル距離を計測します。ルーラーと座標はCSSピクセル単位です。実際の画面計測には、デバイスピクセル比（画面情報セクションに表示）を掛けてください。

Webページ上の要素を計測できますか？

このツールは、独自のキャンバス内で計測します。Webページの要素を計測するには、ブラウザのDevTools（F12）を使用するか、スクリーンショットを撮ってこのツールで計測できます。

デバイスピクセル比とは何ですか？

デバイスピクセル比（DPR）は、画面上の物理ピクセルとCSSピクセルの比率です。DPRが2の場合、各CSSピクセルは2×2の物理ピクセルを使用してレンダリングされます。これはRetina/HiDPIディスプレイで一般的です。

計測データは保存されますか？

計測はセッション中のみメモリに保持されます。localStorageに保存されたり、サーバーに送信されたりすることはありません。ページをリロードすると、すべての計測がクリアされます。

矩形モードと線モードを切り替えることはできますか？

はい。キャンバスの上にある矩形または線ボタンをクリックして、いつでもモードを切り替えることができます。両方のタイプの以前の計測は、キャンバス上に表示されたままになります。