Snaplytics JS Tests

Пошук центру екрана

Позначте точний центр вашого дисплея. Перейдіть у повноекранний режим, щоб накреслити точне перехрестя, центральні лінії на всю ширину й висоту, діагоналі з кута в кут та додаткову сітку правила третин на чистій поверхні — а потім дізнайтеся точний піксель центру та роздільну здатність екрана.

ГотовоРоздільна здатність:

Попередній перегляд — перейдіть у повноекранний режим, щоб позначити ваш реальний дисплей

Центр
Роздільна здатність
Напрямні
Колір лінії
Вирівнювання вебкамери

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

Фізична позначка центру

Дізнайтеся точний піксель центру, щоб розмістити наліпку чи хрестик зі скотчу для монтажу та калібрування.

Налаштування проєктора

Використовуйте центральні лінії та діагоналі як орієнтир, щоб вирівняти проєктоване зображення.

Що таке центр екрана

Центр — це єдина точка, яка розташована точно на половині ширини та половині висоти дисплея — для екрана 1920 × 1080 це піксель 960 × 540. Визначити його на око легко, а от влучити точно — складно, і найменші відхилення стають помітними, щойно ви вирівнюєте камеру, фізичну мітку або проєктоване зображення відносно нього. Цей інструмент креслить кілька напрямних, які перетинаються саме в цій точці, тож ви можете довіряти позначці, а не вгадувати її.

Де стане в пригоді позначка центру

  • Вирівнювання вебкамери або телефону, щоб ваше обличчя чи об'єкт знаходилися точно по центру кадру для стримів і відеодзвінків.
  • Розміщення фізичної мітки (наліпки чи хрестика зі скотчу) у справжньому центрі монітора чи телевізора для монтажу, калібрування або ремонту.
  • Використання перехрестя як фіксованої опорної точки під час кадрування скриншотів, малюнків або вимірювань на екрані.
  • Вирівнювання зображення проєктора так, щоб його центр опинився саме там, де потрібно, використовуючи діагоналі та центральні лінії як орієнтир.

Як обчислюється центр

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

Примітка щодо кількох моніторів

Напрямні та показники стосуються того дисплея, на якому зараз розташоване вікно браузера, а не всього робочого столу. Якщо у вас кілька моніторів, перемістіть вікно на той екран, центр якого потрібно визначити, перш ніж переходити у повноекранний режим. Кожен екран має власну роздільну здатність, а отже й власну точку центру, тож перевіряйте показники після перемикання між дисплеями.