画面定規 - インストール不要のピクセル計測ツール

画面定規は、ブラウザの画面共有機能を活用して画面を静止させ、要素の幅や高さ、2点間の距離、角度をピクセル単位で正確に計測できるWebツールです。画面上の任意の場所をドラッグするだけで、実際の解像度に基づいた正確なピクセル数がリアルタイムに表示されます。画像のアップロードやサーバーへの送信は一切行われず、インストールや会員登録も不要で安全に利用できます。

画面定規の使い方

ブラウザの標準機能を使い、わずか数ステップで画面上のピクセルを計測できます。

1. 画面またはウィンドウを選択をクリックし、共有する画面、ウィンドウ、またはブラウザタブを選択します。
2. 選択した瞬間に1フレームが静止画としてキャプチャされ、画面共有は即座に停止します。
3. 静止した画面上をドラッグすると、カーソルに合わせて幅、高さ、距離、角度が表示されます。
4. 別の場所を測りたいときは、いつでも新しいキャプチャをクリックして枠を解放し、再取得できます。

ピクセルを正確に測る2つのモードと表示機能

用途に合わせて直線モードとボックスモードを切り替えて計測できます。直線モードは2点間の直線距離や要素の傾き（角度）を測るのに適しています。一方、ボックスモードはバナーやボタンなどの矩形領域の幅と高さを確認するのに最適です。

背景色と同化してガイドが見づらい場合は、コントラスト切り替え機能でガイド線の色をネオングリーンとマゼンタで変更できます。

ディスプレイの倍率やズームで数値がズレない理由

一般的な画面定規フリーソフトや縮小プレビューでは、表示倍率によって計測値に誤差が生じることがあります。本ツールでは、取得したフレームの元解像度（固有ピクセル解像度）から直接計算するため、ブラウザのズーム機能やRetinaなどの高DPIディスプレイの設定に影響されません。

画面上でプレビューがどのように縮小表示されていても、表示される数値はすべてキャプチャ元の正確な実ピクセル数です。

ピクセル定規をインストール不要で使うメリット

Windows向けのフリーソフトやChromeの拡張機能を追加することなく、Windows、Mac、Linuxの主要ブラウザ（Chrome、Edge、Firefox）でそのまま動作します。

ダウンロードやインストール処理が不要なため、セキュリティが厳しい環境でも安心して使用できます。また、計測処理はすべて使用中のデバイスローカルで完結し、外部サーバーに画像データが送信されることはありません。

スマホやiPhoneでスクリーン定規は使える？

スマートフォンやタブレット（iPhoneやAndroidなど）のモバイルブラウザは、画面共有APIに対応していないため本ツールを利用できません。計測を行いたい場合は、パソコン（デスクトップまたはノートPC）のブラウザでアクセスしてください。

なお、「Google Pixel」などのスマートフォン本体の物理サイズを測る定規アプリとは異なり、本ツールは画面内のピクセル単位の寸法を測るデジタルツールです。

関連ツール

CSSボタンジェネレーター

ボタンをデザインしHTML/CSS/Tailwindコードをコピー

カラーコントラストチェッカー

AA/AAA判定付きのWCAGコントラスト比チェッカー

キーボード動作テスト

キーの反応、ゴースト、ロールオーバーをオンラインでテスト

赤色単色スクリーン

ドット抜けやOLED焼き付き確認用の赤色画面

CSS Grid ジェネレーター

グリッド領域を描画しCSSグリッドとHTMLをコピー