Snaplytics JS Tests

Поиск центра экрана

Отметьте точный центр вашего дисплея. Разверните инструмент на весь экран, чтобы построить точное перекрестие, центральные линии во всю ширину и высоту, диагонали от угла до угла и сетку по правилу третей на чистом фоне — а затем узнайте точный пиксель центра и разрешение вашего экрана.

ГотовоРазрешение:

Предпросмотр — разверните на весь экран, чтобы разметить реальный дисплей

Центр
Разрешение
Направляющие
Цвет линий
Выравнивание веб-камеры

Разместите перекрестие точно по центру, чтобы выровнять камеру или фейскам для стримов и звонков.

Физическая метка центра

Узнайте точный пиксель центра, чтобы разместить наклейку или крестик из скотча для крепления и калибровки.

Настройка проектора

Используйте центральные линии и диагонали как ориентир, чтобы выровнять проецируемое изображение.

Что такое центр экрана

Центр — это единственная точка, расположенная ровно посередине по ширине и по высоте дисплея: для экрана 1920 × 1080 это пиксель с координатами 960 × 540. На глаз её определить легко, а вот попасть в неё точно — сложно, и малейшее смещение становится заметным, как только вы выравниваете по ней камеру, физическую метку или проекцию изображения. Этот инструмент строит сразу несколько направляющих, которые сходятся в этой точке, так что вам не придётся гадать — метке можно доверять.

Где пригодится метка центра

  • Выравнивание веб-камеры или телефона так, чтобы лицо или объект съёмки оказались точно по центру кадра — для стримов и видеозвонков.
  • Нанесение физической метки (наклейки или крестика из скотча) в истинной середине монитора или телевизора — для крепления, калибровки или ремонта.
  • Использование перекрестия как опорной точки при кадрировании скриншотов, рисунков или измерений на экране.
  • Выравнивание изображения проектора так, чтобы его центр совпадал с ожидаемым, используя диагонали и центральные линии как ориентир.

Как вычисляется центр

Центр — это просто половина ширины и половина высоты. Инструмент показывает два значения: область построения, измеренную в CSS-пикселях (так её видит браузер при вёрстке), и разрешение экрана, полученное от операционной системы. На дисплеях с высокой плотностью пикселей эти значения различаются — например, ноутбук с Retina-экраном может показывать ширину раскладки в 1512 пикселей, хотя физических пикселей на панели гораздо больше, — но середина при этом остаётся той же относительной точкой в обоих случаях. Направляющие отрисовываются на холсте с учётом коэффициента пиксельной плотности устройства, поэтому перекрестие остаётся чётким и располагается точно на истинном полупикселе, а не размывается между двумя соседними.

Заметка о нескольких мониторах

Направляющие и показания относятся к тому дисплею, на котором сейчас находится окно браузера, а не ко всему рабочему столу целиком. Если у вас несколько мониторов, переместите окно на нужный экран перед переходом в полноэкранный режим. У каждого экрана своё разрешение, а значит, и свой центр — проверяйте показания заново после переключения между дисплеями.