Экран
Узнать разрешение экрана онлайн
Проверка монитора в браузере: CSS-пиксели, DPR и viewport обновляются, когда меняешь размер окна.
Что умеет проверка экрана
- Живая схема screen → avail → window → viewport
- Физические пиксели и метка Full HD / 2K / 4K
- visualViewport: размер, offset, pinch-zoom scale
- Safe-area insets и CSS media (HDR, P3, dark)
- Калибровка PPI по диагонали (физ. пиксели) и оверлей пресетов
- Fullscreen и экспорт JSON
Как проверить экран онлайн
Открой инструмент
Параметры считаются сразу — установка не нужна.
Смотри схему
Потяни окно: слои экрана и viewport обновятся live.
Уточни PPI
Введи диагональ монитора в дюймах — получишь плотность пикселей.
Сравни пресет
Включи оверлей iPhone / FHD / 2K / 4K поверх текущего viewport.
Частые вопросы
Чем CSS-пиксели отличаются от физических?
CSS — логические. Физические = CSS × DPR. На Retina 1920 CSS может быть 3840 физ. пикселей.
Зачем visualViewport?
На мобиле при pinch-zoom layout viewport и «то, что видно» расходятся — visualViewport показывает реальную видимую область.
Почему 4K-экран показывает меньше 3840×2160?
Масштабирование системы меняет CSS-пиксели: при 150% панель 3840×2160 даёт 2560×1440 логических пикселей — инструмент показывает оба значения и DPR.
Что такое глубина цвета?
Биты на пиксель для представления цвета: 24 бита — 16,7 млн цветов, а 30-битные панели поддерживают HDR с плавными градиентами.