PowerToys Screen Rulerの使い方｜画面上のピクセル数を正確に測る方法

「このボタンの大きさは何ピクセル？」「2つの要素の間隔を正確に知りたい」——Webデザインや資料作成で、画面上のサイズを測りたいことはありませんか。そんなときに便利なのが、PowerToysに含まれるScreen Ruler（スクリーンルーラー＝画面ルーラー）です。

画面上のピクセル数を定規のように測定でき、しかも色の境界を自動で検出してくれる優れものです。この記事では使い方を徹底解説します。

コンテンツ

Screen Rulerとは？

Screen Rulerは、画面上の任意の場所の幅・高さ・間隔をピクセル単位で測定できるツールです。高度な「エッジ検出（境界の自動認識）」機能により、要素の端を自動で見つけて正確に測ってくれます。

Webデザイナー・開発者・資料作成をする人に特に役立つ機能です。

Screen Rulerを使うには、まずPowerToysが必要です。Microsoft Storeで「PowerToys」と検索し、提供元がMicrosoft Corporationのものをインストールしてください。詳しくはPowerToysの使い方とインストール方法で解説しています。

インストール後、設定で「Screen Ruler」がオンになっていることを確認しましょう。

Screen Rulerには4つの測定モードがあり、ツールバーから選べます。Ctrl + 1〜4のショートカットでも切り替え可能です。

モード	記号	測定内容	ショートカット
範囲（Bounds）	点線の四角	ドラッグした範囲の幅×高さ	Ctrl + 1
間隔（Spacing）	十字	水平・垂直の間隔を同時に測定	Ctrl + 2
水平（Horizontal）	横線	横方向の間隔だけ測定	Ctrl + 3
垂直（Vertical）	縦線	縦方向の間隔だけ測定	Ctrl + 4

最もよく使うモードです。マウスでドラッグした四角形の幅と高さを測定します。ボタンや画像のサイズを測るのに便利です。

マウス位置から上下左右の境界までの距離を、水平・垂直まとめて測定します。要素同士の余白（マージン）を測るのに最適です。

横方向だけ、または縦方向だけの間隔を測りたいときに使います。マウスを置いた位置から、左右（または上下）の色の境界までを自動で測定します。

Screen Rulerの最大の特徴がエッジ検出です。色が変わる「境界線」を自動で見つけて、そこまでの距離を測ってくれます。

例えば白い背景にある青いボタンの上で測定すると、ボタンの端（色が変わる位置）までを自動で検出します。手動でぴったり合わせる必要がありません。

マウスホイールで感度を調整：ホイールを上に回すと、色の違いを許容する範囲が広がり、測定ラインが長くなります。グラデーションや影がある部分では調整すると測りやすくなります。