Какое у меня разрешение экрана
Реальное разрешение экрана, плотность пикселей и область просмотра вживую.
Физические пиксели: размер CSS умноженный на плотность
- Обновляется при изменении размера
- Показывает плотность пикселей
- Работает на телефонах и планшетах
Как узнать разрешение экрана
- Откройте эту страницу на устройстве, которое хотите проверить.
- Прочитайте разрешение и плотность пикселей в блоках ниже.
- Измените размер окна или поверните устройство, чтобы увидеть обновлённые числа.
Частые разрешения и где они встречаются
| Название | Разрешение | Часто встречается на |
|---|---|---|
| HD | 1280 x 720 | Старые или бюджетные ноутбуки |
| Full HD | 1920 x 1080 | Большинство ноутбуков и мониторов, которые продают сегодня |
| QHD (1440p) | 2560 x 1440 | Мониторы более высокого класса и некоторые телефоны |
| 4K UHD | 3840 x 2160 | Премиальные мониторы и телевизоры |
Физические пиксели и пиксели CSS
Пиксель CSS это единица, в которой вёрстаются веб-страницы, но она не всегда совпадает с одной физической точкой на экране. Плотность пикселей показывает, сколько физических пикселей упаковано в каждый пиксель CSS, поэтому плотность 2 означает, что панель рисует 4 физических пикселя, расположенных квадратом 2 на 2, на каждый пиксель CSS, который использует сайт.
Экраны телефонов и ноутбуков с высокой плотностью показывают меньший размер CSS в паре с плотностью пикселей 2 или 3, а большинство настольных мониторов показывают плотность 1, где пиксели CSS и физические пиксели совпадают один к одному.
Как изменить своё разрешение
- В Windows 11 откройте Параметры, затем Система, затем Дисплей, и выберите другой вариант в списке разрешения экрана.
- В macOS откройте Системные настройки, затем Мониторы, и выберите «По умолчанию» или один из масштабированных вариантов под элементами управления разрешением дисплея.
- Поверните телефон или планшет, либо измените размер окна браузера на компьютере, чтобы увидеть, как числа области просмотра на этой странице обновляются вживую, не меняя реальное разрешение экрана.
Частые вопросы о Проверка разрешения экрана
Почему здесь другое число, чем в настройках экрана?
Windows и macOS показывают разрешение, которое вы выбрали в настройках экрана, а оно может быть ниже нативного разрешения панели, если включено масштабирование. Эта страница показывает то, что видит браузер, умноженное на плотность пикселей.
Что такое devicePixelRatio?
Это отношение физических пикселей к пикселям CSS. Плотность 2 означает, что каждый пиксель CSS рисуется 4 физическими пикселями, что типично для экранов телефонов и большинства современных ноутбуков.
Почему область просмотра меньше размера экрана?
Область просмотра это видимая часть внутри окна браузера, поэтому в неё не входят панель задач, панель инструментов браузера и другие окна на экране.
Это работает на моём телефоне или планшете?
Да. Откройте страницу в любом мобильном браузере и поверните устройство, чтобы увидеть числа и для книжной, и для альбомной ориентации.
Какое разрешение выбрать для монитора?
Выберите вариант с пометкой «Рекомендуется» в настройках экрана: он соответствует нативному разрешению панели. Использование ЖК-монитора ниже нативного разрешения обычно размывает текст и мелкие детали, поскольку изображение приходится масштабировать.
Почему два телефона с одинаковым размером экрана показывают разные числа?
Производители сами выбирают плотность пикселей и коэффициент масштабирования CSS даже для экранов похожего физического размера, поэтому два телефона со схожей диагональю могут показывать разное разрешение и разную плотность пикселей.
В чём разница между разрешением и размером экрана?
Разрешение считает пиксели по экрану. Размер измеряет физическую диагональ в дюймах. Одно и то же разрешение, упакованное в экран меньшего размера, даёт более высокую плотность пикселей, поэтому экраны телефонов выглядят чётче вблизи, чем монитор с тем же числом пикселей.