Snaplytics JS Tests

スクリーンセンターファインダー

ディスプレイの正確な中心をマークします。全画面表示にして、精密なクロスヘア、画面幅いっぱいと高さいっぱいのセンターライン、対角線、そしてお好みで三分割グリッドをすっきりした画面上に描画し、正確な中心ピクセルと画面の解像度を読み取れます。

準備完了解像度:

プレビュー — 全画面表示であなたの実際のディスプレイをマーク

中心
解像度
ガイド
線の色
ウェブカメラの位置合わせ

クロスヘアをど真ん中に表示して、ストリーミングや通話用にカメラやフェイスカムの位置を合わせます。

物理的な中心マーク

正確な中心ピクセルを読み取り、取り付けやキャリブレーション用のシールやテープの十字マークを貼る位置を決めます。

プロジェクターの設定

センターラインと対角線を目印にして、投影画像の位置を正しく調整します。

画面の中心とは

中心とは、ディスプレイの横方向と縦方向のちょうど半分の位置にある一点のことです。1920 × 1080の画面であれば、960 × 540のピクセルがそれにあたります。目分量で見当をつけるのは簡単ですが、正確に合わせるのは意外と難しく、カメラや物理的なマーカー、投影画像を合わせようとすると、わずかなズレも目立ってしまいます。このツールはその一点で交わる複数のガイドを描画するので、勘に頼らずマークを信頼できます。

中心マーカーが役立つ場面

  • ストリーミングやビデオ通話で、顔や被写体が画面のど真ん中に来るようウェブカメラやスマートフォンの位置を合わせるとき。
  • モニターやテレビの正確な中心に、取り付け・キャリブレーション・修理のためのシールやテープの十字マークを貼るとき。
  • スクリーンショットや図面、画面上の測定を行う際に、クロスヘアを固定の基準点として使うとき。
  • 対角線とセンターラインを目印にして、プロジェクター画像の中心が想定どおりの位置に来るよう調整するとき。

中心の計算方法

中心は単純に幅の半分と高さの半分です。このツールは2つの値を表示します。ひとつはブラウザがレイアウトするCSSピクセルで測った描画エリア、もうひとつはOSから取得した画面の解像度です。高DPIディスプレイではこの2つが異なることがあります — たとえばRetinaノートパソコンでは、パネルの物理ピクセル数がはるかに多いにもかかわらず、レイアウト上は1512ピクセル幅と表示されることがあります — それでも中間点は相対的に見て同じ位置になります。ガイドはデバイスのピクセル比に合わせて拡大されたキャンバスに描画されるため、クロスヘアは2ピクセルにまたがってぼやけることなく、くっきりと真の半ピクセル上に収まります。

マルチモニターについての注意

ガイドと読み取り値は、このブラウザウィンドウが表示されているディスプレイについてのものであり、デスクトップ全体ではありません。複数のモニターを使用している場合は、全画面表示にする前に、中心を合わせたい画面へウィンドウを移動してください。各画面は解像度が異なり、したがって中心点も異なるため、ディスプレイを切り替えたら読み取り値を確認してください。