このツールが役に立ったら、開発者にコーヒーを奢ってください ☕
画面上のオブジェクトの長さや距離をオンラインで測定します。ピクセル、ミリメートル、センチメートル、インチなど、複数の単位に対応しています。
Web要素やデザインカンプのサイズを正確に測定したい場合、実際の定規では画面の測定ニーズを満たすことができません。画面定規は、画面上に調整可能な定規を描画することで、対象物の長さをリアルタイムで計算して表示します。1ピクセル(px)は画面表示の最小単位であり、DPI換算によってピクセルの長さをミリメートル(mm)、センチメートル(cm)、インチ(in)などの物理的なサイズに変換できます。
正確な結果を得るために定規を調整するにはどうすればよいですか?
標準サイズのクレジットカード(85.6×54mm)を基準として使用し、ツールのDPI設定を調整して、画面の実際の解像度と一致させてください。
ブラウザのズームは測定結果に影響しますか?はい、影響します。正確性を確保するため、ブラウザのズーム倍率は100%に保ってください。標準以外のズーム倍率では測定誤差が生じます。
モニターによってDPIパラメータが異なるため、初回使用時に調整(キャリブレーション)を行うことをお勧めします。ズーム倍率が100%以外のブラウザでの使用は避けてください。本ツールは画面上の測定専用であり、実物の測定には適していません。
Webデザイナーの場合、インターフェース要素の測定にはピクセル単位を使用することをお勧めします。一般的な測定例:標準的なボタンの幅は通常120〜160px、ナビゲーションバーの高さは約50〜80pxです。測定時に定規の色を背景とコントラストがはっきりする色に調整することで、視認性を高めることができます。