Общее разрешение экрана?

Я разрабатываю веб-приложение, которое достаточно информативно. Это означает, что каждый пиксель, доступный на экране для отображения, помогает много, чтобы пользовательский интерфейс выглядел слишком загроможденным и отображал соответствующие данные.

Мне было интересно: какое «общее» разрешение экрана? Несколько лет назад это было что-то вроде 1024- 768, но в наши дни это должно быть нечто гораздо большее. Я не могу полагаться на то, что я использую, поскольку я разработчик, и у меня, вероятно, есть большие экраны и разрешение, чем средний пользователь Joe.

Итак, где я могу найти рекомендуемое в настоящее время разрешение для webapps?

66 голосов | спросил Pere Villega 10 Maypm11 2011, 14:45:00

14 ответов


56

Это действительно зависит от того, где вы находитесь в мире. Во всем мире 1366x768 по-прежнему остается наиболее распространенным, однако 1920x1080 - единственное разрешение, которое фактически увеличивается при приеме (предположительно потому, что это, кажется, стандартный широкоэкранный режим для современных ноутбуков) ,

Веб-сайт StatCounter.com должен помочь вам в дальнейшем знания об этом.

ОДНАКО , имейте в виду, что только потому, что определенные разрешения более распространены, чем другие, это фактически не учитывает, насколько широка у пользователя окно браузера. К сожалению, для этой статистики мало известных измерений (аналитика Google использовала это, но перестала ее поддерживать).

ответил JonW 10 Maypm11 2011, 14:55:14
20

Имейте в виду, что ноутбуки и настольные компьютеры больше не являются единственными устройствами с поддержкой сети. IPad имеет разрешение 1024x768, iPhone 4 имеет разрешение 960x640, если вы используете их в ландшафтном режиме.

ответил Tommy Carlier 10 Maypm11 2011, 16:18:07
16

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

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

введите описание изображения здесь>> </p></body></html>

ответил Michael Kropat 27 Jam1000000amFri, 27 Jan 2012 06:11:27 +040012 2012, 06:11:27
11

", но в настоящее время он должен быть чем-то большим"

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

Конечно, настольные экраны становятся все больше. Но все также используют мобильные устройства. Большая часть Интернета теперь доступна на телефонах и планшетах.

Адаптивный дизайн - это действительно путь.

ответил DA01 11 Maypm11 2011, 19:57:49
6

Почему бы вам не адаптировать дизайн для «того, что у вас есть»?

С помощью javascript вы можете узнать размер окна браузера и внести изменения в таблицу стилей. например, если у вас есть графически богатый, большой фон изображения с столбцом 960 пикселей, фоновое изображение не требуется для тех, кто работает с 1024-768, поэтому вам не нужно его загружать. Вы также можете изменить свой размер шрифта, чтобы наилучшим образом использовать доступную экранную недвижимость.

ответил ʍǝɥʇɐɯ 11 Maypm11 2011, 14:23:38
4

Самое популярное разрешение в 2011 году - 1280x800. 18,09% пользователей в Интернете используют его.

Вот 10 лучших резолюций за 2011 год: http://www.superiorwebsys.com/blog /93 /Most_Common_Screen_Resolutions_in_2011 /

ответил Michael 10 Jpm1000000pmTue, 10 Jan 2012 18:51:04 +040012 2012, 18:51:04
2

Я согласен с Джоном, что нужно быть осторожным, чтобы использовать полное разрешение экрана в качестве основы при разработке веб-приложений. Он также прав, когда утверждает, что широкоформатный вариант 768 очень распространен в наши дни.

Недавно я испытал некоторые очень веские причины, чтобы уменьшить мою собственную политику разрешения экрана. Телевизоры и мультимедийные ноутбуки теперь используют стандарт HD в качестве разрешения. Это означает, что это хороший шанс, что несколько пользователей имеют 1280Ã-720 как их разрешение. Ориентация 768 как высота может быть немного для многих пользователей.

Смотрите также: http://en.wikipedia.org/wiki/Screen_resolution

ответил Jørn E. Angeltveit 10 Maypm11 2011, 15:07:40
2

Если вы хотите быть в безопасности с экранами для настольных компьютеров и ноутбуков, используя статический макет, продолжайте использовать минимум 1024x768. Но лучшим вариантом является дизайн гибкой (гибкой) компоновки.

ответил Luis Arriojas 10 Jpm1000000pmTue, 10 Jan 2012 21:34:07 +040012 2012, 21:34:07
2

Недавно Microsoft опубликовала их данные телеметрии в этой области для пользователей Windows 7 :

Таблица разрешений экрана Windows 7

Вы можете видеть, что (по крайней мере для пользователей, которые все еще находятся в цикле обновления), существует огромное количество пользователей, работающих с экранами 16: 9 и 16:10 вместо 4: 3 (и их число выполняется в 1366Ã -768).

ответил Kit Grose 30 52012vEurope/Moscow11bEurope/MoscowFri, 30 Nov 2012 04:25:38 +0400 2012, 04:25:38
1

Да, попробуйте рассмотреть гибкую компоновку. Если вы планируете использовать каждый пиксель, то покрытие полного экрана - лучшее решение, с необходимостью использования javascript. Вы должны пройти через Отзывчивый веб-дизайн от ALA и посмотреть на пример . При просмотре этого примера попробуйте изменить размер браузера и посмотреть, как реагирует контент. Таким образом, ваш сайт может отлично выглядеть на любом экране, может быть, это рабочий стол, ноутбук, планшет с телефоном.

ответил Marian 11 Maypm11 2011, 19:24:57
1

Я настроил таргетинг на 1280 X 1024, с макетом будет адаптивным, если мобильные ограничения являются фактором.

В противном случае я обычно откладываю аналитику и стараюсь помнить о верхних разрешениях для данного сайта.

ответил Mike Hill 10 Jpm1000000pmTue, 10 Jan 2012 19:52:32 +040012 2012, 19:52:32
1

Несколько вещей, которые следует учитывать:

  1. Для кого это приложение? Если это внутренняя внешность (т.е. корпоративная среда), поговорите с ИТ и посмотрите, на каких экранах сотрудников разрешения. Особенно посмотрите на сотрудников, которые будут работать в приложении больше всего.
  2. Если это общедоступное приложение, подумайте о том, какие данные у вас есть о разрешениях ваших пользователей. Если вы перепроектируете, проверьте аналитику на текущем сайте и получите представление о том, какие разрешения выполняются пользователями. Вы можете заметить здесь образец (т. Е. Люди имеют очень высокое разрешение, так как они являются мощными пользователями и т. Д.), Но, скорее всего, он будет повсюду.
  3. Подумайте о данных, которые вы представляете. Если это много сеток, возможно, лучше всего подходит жидкая компоновка. Затем пользователь может растянуть свой экран, чтобы показать больше необходимых им данных.

Дизайн для 1024 - безопасный маршрут для Интернета, но он ленив, если вы не пытаетесь узнать больше о своих пользователях, прежде чем принимать решение.

ответил Matthew Moore 10 Jpm1000000pmTue, 10 Jan 2012 22:13:58 +040012 2012, 22:13:58
0

1024 * 768 должен по-прежнему оставаться здравым смыслом. В противном случае это действительно зависит от вашей аудитории. Например, если вы создаете веб-сайт или приложение для дизайнеров, вы должны оптимизировать его для более высокого разрешения, например, 1680 * 1050.

Вы должны протестировать его или запросить у нужной аудитории, но 1024 * 768 по-прежнему необходимо!

В идеальном мире были бы разные стили (CSS) для разных разрешений и устройств. :)

ответил Roland Pokornyik 10 Maypm11 2011, 18:40:44
0

Общие разрешения проектора:

  • XGA = 1024 x 768 пикселей
  • WXGA = 1280 x 800 пикселей
  • HD = 1920 x 1080 пикселей
  • 4K = 4096 x 2160 Разрешение
ответил Bashir Noori 26 J000000Tuesday16 2016, 08:43:21

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132