Содержание
Список разрешений экрана и соотношение сторон
Главная » Информация
Артём Синявин 1
В этой статье представлен список разрешений экрана, соотношение сторон экрана, количество пикселей и буквенные обозначения различных разрешений экрана.
В списке ниже вы найдете информацию о буквенном обозначении разрешения экрана, его разрешение и соотношение сторон, а также общее количество пикселей.
| Буквенное обозначение | Разрешение экрана (соотношение сторон) | Количество пикселей | 
|---|---|---|
| QVGA | 320×240 (4:3) | 76,8 кпикс | 
| SIF(MPEG1 SIF) | 352×240 (22:15) | 84,48 кпикс | 
| CIF(MPEG1 VideoCD) | 352×288 (11:9) | 101,37 кпикс | 
| WQVGA | 400×240 (5:3) | 96 кпикс | 
| [MPEG2 SV-CD] | 480×576 (5:6 — 12:10) | 276,48 кпикс | 
| HVGA | 640×240 (8:3) или 320×480 (2:3) | 153,6 кпикс | 
| nHD | 640×360 (16:9) | 230,4 кпикс | 
| VGA | 640×480 (4:3 — 12:9) | 307,2 кпикс | 
| WVGA | 800×480 (5:3) | 384 кпикс | 
| SVGA | 800×600 (4:3) | 480 кпикс | 
| FWVGA | 854×480 (16:9) | 409,92 кпикс | 
| qHD | 960×540 (16:9) | 518,4 кпикс | 
| WSVGA | 1024×600 (128:75 — 15:9) | 614,4 кпикс | 
| XGA | 1024×768 (4:3) | 786,432 кпикс | 
| XGA+ | 1152×864 (4:3) | 995,3 кпикс | 
| WXVGA | 1200×600 (2:1) | 720 кпикс | 
| HDV 720p (HD ready) (720p) | 1280×720 (16:9) | 921,6 кпикс | 
| WXGA | 1280×768 (5:3) | 983,04 кпикс | 
| HD | 1366×768 (16:9) | 1,04 Мпикс | 
| SXGA | 1280×1024 (5:4) | 1,31 Мпикс | 
| 16CIF | 1408×1152 (11:9) | 1,62 Мпикс | 
| WXGA+ | 1440×900 (8:5 — 16:10) | 1,296 Мпикс | 
| SXGA+ | 1400×1050 (4:3) | 1,47 Мпикс | 
| HDV 1080i (Анаморфный Full HD с неквадратным пикселем) | 1400×10800 (4:3) | 1,55 Мпикс | 
| XJXGA | 1536×960 (8:5 — 16:10) | 1,475 Мпикс | 
| WSXGA (x) | 1536×1024 (3:2) | 1,57 Мпикс | 
| WXGA++ | 1600×900 (16:9) | 1,44 Мпикс | 
| WSXGA | 1600×1024 (25:16) | 1,64 Мпикс | 
| UXGA | 1600×1200 (4:3) | 1,92 Мпикс | 
| WSXGA+ | 1680×1050 (16:10) | 1,76 Мпикс | 
| Full HD (FHD) | 1920×1080 (16:9) | 2,07 Мпикс | 
| WUXGA | 1920×1200 (8:5 — 16:10) | 2,3 Мпикс | 
| 2K DCI (Cinema 2K) | 2048×1080 (19:10) | 2,2 Мпикс | 
| QWXGA | 2048×1152 (16:9) | 2,36 Мпикс | 
| QXGA | 2048×1536 (4:3) | 3,15 Мпикс | 
| UWHD | 2560×1080 (64:27 (21:9)) | 2,76 Мпикс | 
| WQXGA (WQHD) (QHD) | 2560×1440 (16:9) | 3,68 Мпикс | 
| WQXGA | 2560×1600 (8:5 — 16:10) | 4,09 Мпикс | 
| QSXGA | 2560×2048 (5:4) | 5,24 Мпикс | 
| WQXGA+ | 3200×1800 (16:9) | 5,76 Мпикс | 
| WQSXGA | 3200×2048 (25:16) | 6,55 Мпикс | 
| QUXGA | 3200×2400 (4:3) | 7,68 Мпикс | 
| Ultra WQHD | 3440×1440 (43:18) | 4,95 Мпикс | 
| WQUXGA | 3840×2400 (8:5 — 16:10) | 9,2 Мпикс | 
| 4K Ultra HD 1 (4K UHD-1) | 3840×2160 (16:9) | 8,2 Мпикс | 
| 4K DCI (Cinema 4K) | 4096×2160 (19:10) | 8,8 Мпикс | 
| 5K / UHD + | 5120×2880 (16:9) | 14,7 Мпикс | 
| HSXGA | 5120×4096 (5:4) | 20,97 Мпикс | 
| WHSXGA | 6400×4096 (25:16) | 26,2 Мпикс | 
| HUXGA | 6400×4800 (4:3) | 30,72 Мпикс | 
| 8K Ultra HD 2 (8K UHD-2) | 7680×4320 (16:9) | 33,17 Мпикс | 
| WHUXGA | 7680×4800 (8:5, 16:10) | 36,86 Мпикс | 
| 10K | 10240×5760 (16:9) | 58,98 Мпикс | 
| 12K | 11520×6480 (16:9) | 74,64 Мпикс | 
 
 
 
Масштабирование и размер изображений на современных страницах SharePoint
Современные страницы и веб-части полностью реагируют на различные устройства, поэтому масштаб изображений, используемых в веб-частях, зависит от того, где они показаны, какой макет используется и какое устройство их просматривает.
 Например, современные страницы прекрасно смотрятся на мобильных устройствах, а автоматическое масштабирование изображений помогает создать привлекательный вид.
Какие размеры изображений лучше всего работают?
 
Из-за быстрой компоновки страницы не существует определенной высоты или ширины в пикселях, что гарантирует сохранение определенной фигуры на разных устройствах и макетах. Изображения автоматически меняются и обрезаются, чтобы демонстрировать наилучший результат на различных устройствах и макетах. Однако существуют некоторые рекомендации, которые помогут вам убедиться, что изображения хорошо смотрятся на страницах.
Поиск изображений наилучшего размера зависит от указанных здесь факторов.
- 
Пропорции:отношение между высотой и шириной изображений - 
Макет веб-части:макет веб-части, в которой используется изображение 
org/ListItem»>
 Макет столбца:тип и количество столбцов на странице
Пропорции
 
Пропорции — это отношение между шириной и высотой изображений. Обычно оно выражается в двух числах, таких как 3:2, 4:3 или 16:9. Ширина всегда является первым числом. Например, соотношение 16:9 может иметь ширину 1600 пикселей на 900 пикселей в высоту. Это может быть 1920 x 1080, 1280 x 720 или любые другие комбинации ширины и высоты, которые можно вычислить, равные 16:9. Калькуляторы пропорций можно найти в Интернете и некоторых средствах редактирования фотографий, чтобы определить пропорции изображений.
В большинстве случаев изображения в современных веб-частях лучше всего работают на разных макетах и устройствах с соотношением сторон 16:9 или 4:3 в зависимости от макета.
 
Макеты столбцов
 
На странице можно найти разделы с различными типами столбцов и макетами, такими как полно ширинные столбцы, один столбец, два столбца, три столбца, один третий левый и один третий правый столбец. Обычно изображения, которые должны заполнять ширину столбца, должны быть по крайней мере такой же ширины, как и в столбце, в котором они размещены. Например, изображение веб-части изображения в одном столбце должно иметь ширину не менее 1204 пикселей. Ниже указаны правила ширины для каждого макета столбца.
| 
 Макет 
  | 
 Ширина в пикселях 
  | 
| 
 Столбец «Ширина» 
  | 
 1920 
  | 
| 
 Одна колонка 
  | 
 1204 
  | 
| 
 Два столбца 
  | 
 586 в столбец 
  | 
| 
 Три столбца 
  | 
 380 в столбец 
  | 
| 
 Третий левый столбец 
  | 
 380 для левого столбца; 792 для правого столбца 
  | 
| 
 Один-третий правый столбец 
  | 
 792 для левого столбца; 380 для правого столбца 
  | 
Из-за скорости реагирования страниц изображения в полношириных столбцах всегда будут отображаться на полноширивной странице с автоматической высотой в зависимости от размера экрана.
Высота изображений в других макетах столбцов будет зависеть от пропорций. Ниже указаны рекомендации по высоте и ширине для пропорций 16:9 и 4:3 (округлка вверх/вниз до ближайшего пикселя). Это помогает, например, сохранить ширину и высоту изображений с соответствующим масштабом для мобильных устройств.
| 
 ПРОПОРЦИИ 
 МАКЕТ 
  | 
 16 x 9 
 Ширина x высота в пикселях 
  | 
 4 x 3 
 Ширина x высота в пикселях 
  | 
|---|---|---|
| 
 Одна колонка 
  | 
 1204 x 677 
  | 
 1204 x 903 
  | 
| 
 Два столбца 
  | 
 586 x 330 
  | 
 586 x 439 
  | 
| 
 Три столбца 
  | 
 380 x 214 
  | 
 380 x 285 
  | 
| 
 Третий левый столбец 
  | 
 380 x 446 для левого столбца; 792 x 446 для правого столбца 
  | 
 380 x 594 для левого столбца; 792 x 594 для правого столбца 
  | 
| 
 Один-третий правый столбец 
  | 
 792 x 446 для левого столбца; 380 x 446 для правого столбца 
  | 
 792 x 594 для левого столбца; 380 x 594 для правого столбца 
  | 
Макеты веб-части
 
Макеты в веб-частях, которые вы используете, также влияют на масштаб изображений.
 В следующих примерах различные веб-части и их макеты в одном столбце, а также пропорции, используемые в каждой из них.
Рассмотрим это изображение с исходными пропорциами 16:9:
 
Ниже показаны примеры рисунка, показанного в макете страницы с одной колонкой в разных веб-частях и макетах.
| 
 
 
  | 
 Для макетов плиток и слоев имеются следующие пропорции: 
 
 
 
 
 Ниже показан пример изображения, показанного в макетах «Слои» (сверху) и «Плитки» (внизу). 
 
 
  | 
| 
 
 
  | 
 16:9 — пропорции для макетов «Карусель», «Пленка» и «Карточки». 
 Ниже показан пример изображения, показанного в макетах «Пленка» (сверху) и «Карточки» (внизу). 
 
 
  | 
| 
 
 
  | 
 Изображения будут расширяться по ширине раздела, содержащего веб-часть. Вы можете изменить пропорции или обрезать рисунок вручную с помощью панели инструментов «Изображение», а также увеличить или увеличить изображение с помощью хи24-часового режима. 
 Ниже показан пример обрезных меток изображения (синие линии) в 4:3 
 
 
  | 
| 
 
 
  | 
 В разных макетах используются следующие пропорции: 
 
 В макете «Блок-блоки» пропорции всех показанных изображений: 16:9, 1:1, 4:3 и так далее. 
 
 
 Ниже показан пример изображения, показанного в макетах «Плитки» (сверху) и «Мозаика» (внизу). 
 
 
  | 
| 
 
 
  | 
 В зависимости от макета, изображения в веб-части «Новости» могут быть 4:3, 16:9 или 21:9. Вот пример изображений в верхней истории и макете карусель. 
 
 
  | 
| 
 
 
  | 
 Изображения лучше всего выглядят, когда они имеют альбомную или соотношение сторон 16:9 или больше и имеют размер не менее 1 МБ. 
 Пример (исходное изображение 16:9) с фокальной точкой на динамике. 
 
 
  | 
| 
 
 
  | 
 Эскизы страниц можно вывести в таких местах, как результаты поиска, выделенное содержимое, новости и другие. По умолчанию эскизы выводится из области заголовка страницы или веб-части, которая находится в первом порядке на странице (например, слева вверху). Вы можете переопременить заданный по умолчанию и изменить эскиз страницы. При этом лучше использовать изображение с пропорцией 16:9. 
 Пример (исходное изображение 16:9) 
 
 
  | 
| 
 
 
  | 
 Веб-часть «Быстрые ссылки» имеет шесть разных макетов. Ниже советуем использовать пропорции. 
 
 
 
 Ниже показан пример изображения, показанного в макетах «Сжатая» (сверху) и «Пленка» (внизу). 
 
 
  | 
Советы:
- 
При добавлении изображения в область заголовка страницы или веб-части главного имиджегового рисунка также лучше всего установить его фокальной точкой.
 Дополнительные информацию о настройке фокальной точки для этих двух сценариев см. в веб-части «Изменение фокальной точки рисунка в веб-части «Главного имиджевного рисунка» и настройке области заголовка на странице. - 
 
 
Рекомендации по изображению в заглавной области сайта
 
Кроме страниц, может потребоваться добавить дополнительные логотипы или изображения. Ниже рекомендации по размеру этих элементов.
| 
 Элемент 
  | 
 Описание 
  | 
 Рекомендации 
 Ширина x высота в пикселях 
  | 
|---|---|---|
| 
 Логотип сайта 
  | 
 Логотип большего размера, который может быть не квадратным и прозрачным в зависимости от добавленного оформления 
  | 
 192 x 64 
 Формат: PNG, JPEG, SVG (SVG не разрешено на сайтах, подключенных к группе) 
  | 
| 
 Эскиз логотипа сайта 
  | 
 Эскиз квадратного логотипа, который используется при отправке логотипа сайта или в местах, где требуется использовать квадратный формат 
 Это необходимый элемент. 
  | 
 64 x 64 
 Формат: PNG, JPEG, SVG (SVG не разрешено на сайтах, подключенных к группе) 
  | 
| 
 Логотип сайта с расширенным макетом 
  | 
 В расширенном макете загона имеется расширенная ширина логотипа сайта. 
  | 
 300 x 64p 
 Формат: JPEG, PNG, SVG 
  | 
| 
 Фоновое изображение расширенного макета 
  | 
 Новое фоновое изображение, которое можно использовать с расширенным header. 
  | 
 2560 x 164 
 Формат: JPEG, PNG 
  | 
 
Что такое соотношение сторон 4:3? Определение и примеры
Якоб Штрауб, автор контента
- Определение: что такое соотношение сторон 4:3?
 - История формата 4:3
 - Использование формата 4:3 в наши дни
 - Примеры формата 4:3 в кинопроизводстве
 - Почему бы не снимать в широкоэкранном режиме?
 
Соотношение сторон относится к ширине и высоте экрана или изображения. Формат 4:3 восходит к целлулоидной пленке и ранним киноэкранам и телевизорам. Соотношение сторон 4:3 далеко не пережиток прошлого, оно по-прежнему является форматом по умолчанию, даже несмотря на то, что соотношение кинематографии и кинопроизводства в основном изменилось на широкоэкранное. Но поскольку некоторые современные кинематографисты возвращаются к формату 4:3, формат переживает ренессанс. Итак, давайте рассмотрим все аспекты этого соотношения!
Определение: Что такое соотношение сторон 4:3?
 Соотношение сторон говорит вам о пропорциях изображения или экрана. По определению это относится к соотношению между шириной и высотой, например, камеры, дисплея или проектора.
 Соотношение сторон 4:3 описывает ширину в четыре единицы и высоту в три единицы. Это могут быть дюймы, линии или пиксели, в зависимости от объекта с этим соотношением сторон.
Когда вы разделите значения, то есть ширину на высоту, вы получите 1,33 (4 разделить на 3 равно 1,33). С практической точки зрения, вы получаете ширину в 1,33 раза больше, чем высоту. Представьте себе, что вы делаете снимок камерой формата 4:3, которую держите горизонтально: вы поместите в кадре в 1,33 раза больше пространства слева направо, чем сверху вниз. Таким образом, эквивалентное соотношение составляет 1,33:1.
 Соотношение сторон 1,33:1 было у первых целлулоидных пленочных камер и проекторов. Хотя математически это одно и то же, формат 4:3 обычно относится к экранам компьютеров и телевизоров. Когда вы записываете изображение или движущееся изображение, а затем отображаете его на экране с тем же соотношением сторон, вы сможете заполнить весь экран без потери информации или обрезки изображения.![]()
Поэтому мы называем формат 4:3 также полноэкранным, хотя экран 4:3 не может отображать все соотношения сторон, заполняя экран без масштабирования, обрезки или оставления черных полос. Широкоэкранный формат — это то, что мы воспринимаем как противоположность, поскольку ширина этого соотношения заметно больше, чем его высота. На самом деле в 1,78 раза шире: соотношение сторон широкоэкранного формата 16:9., что дает 1,78:1 (16 разделить на 9 равно 1,78).
Все великие фильмы начинаются с раскадровки. Попробуйте программное обеспечение для раскадровки №1, созданное для кинематографистов.
Попробуйте Boords бесплатно
2 245 кинематографистов подписались на Boords на прошлой неделе
Обзор возможностей формата 4:3 в то время как последний кажется вдвое шире, чем он высок. Ни то, ни другое не верно, как доказывает приведенная выше математика. Вот основные характеристики формата 4:3:
- Произносится как «четыре-три», «четыре к трем» или «четыре на три»
 - Также известен как 1,33:1 (поскольку 4:3 = 1,33:1)
 - Исходное и стандартное соотношение сторон 35-мм целлулоида пленка
 - «Полноэкранный» формат, где 4:3 — соотношение сторон камеры и экрана (без черных полос)
 - Широкоэкранный формат можно изменить и отформатировать, чтобы он соответствовал формату 4:3 (или отображать с черными полосами)
 
Разрешение 4:3
 Когда мы говорим о цифровых форматах, мы используем термин разрешение для описания как абсолютных, так и относительных размеров.
 Чем выше разрешение, тем больше отдельных пикселей будет составлять одну горизонтальную строку и один вертикальный столбец изображения, определяя ширину и высоту в абсолютном выражении и часто в тысячах пикселей. Но соотношение сторон все же есть в соотношении между шириной и высотой.
Старые компьютерные мониторы имеют разрешение или размер экрана 4:3. The following is a brief overview of common 4:3 screen resolutions:
| RESOLUTION | TOTAL PIXELS | DESIGNATION | 
|---|---|---|
| 640 ✕ 480 | 307,200 | VGA | 
| 800 ✕ 600 | 480,00 | SVGA | 
| 1024 ✕ 768 | 786 432 | XGA | 
| 1152 ✕ 864 | 995,328 | XGA+ | 
| 1280 ✕ 960 | 1,228,800 | SXGA− ( 720P ) | 
| 1600 ✕ 1200 | 1,920,000 | UXGA | 
| 1920 ✕ 1440 | 2,764,800 |  2.  76M3 (  1080P  ) | 
| 2048 ✕ 1536 | 3,145,728 | QXGA | 
| 3840 ✕ 2889 | 11 059 200 | 4K UHD | 
| 4096 ✕ 3072 | 12,582,912 | 
 

 Кроме того, не забудьте установить фокальной точкой, чтобы сохранить наиболее важную часть рисунка в представлении, особенно если рисунок используется в эскизах, макетах новостей и результатах поиска.
 Дополнительные информацию о настройке фокальной точки для этих двух сценариев см. в веб-части «Изменение фокальной точки рисунка в веб-части «Главного имиджевного рисунка» и настройке области заголовка на странице.
 76M3 (  1080P  )
 Хотя из-за доступной технологии преобладало 1,33: 1, это был только стандарт де-факто, и существовали различные форматы, такие как 1,29: 1 или такие узкие, как 1,19.:1.
 Поскольку телевизоры не изменились, возникла необходимость подогнать эти широкоэкранные соотношения сторон к домашним экранам.
 Большинство коммерческих авиакомпаний оснащены развлекательными системами формата 4:3, а версия с панорамированием и сканированием также известна как «авиалайнерская» версия.
 Технически это формат 70/15, включающий 70-миллиметровую пленку, проходящую через проектор горизонтально, а не вертикально. Экраны IMAX из 59на 79 футов (18 на 24 метра) имеют соотношение сторон 1,33: 1.
 Просмотр этих фильмов, окруженных черными полосами слева и справа, усиливает ощущение клаустрофобии, одышки и неизбежности, которые вызывают эти фильмы.
 Кинематография и формат будут естественным образом развиваться как часть визуального языка истории, которую они хотят рассказать.
 Удобно, что этот удобный калькулятор также удваивается как калькулятор соотношения сторон экрана 4:3! 🖼️
  Соотношение сторон 4:3  чаще всего использовалось в кино и на телевидении до разработки широкоэкранного HDTV, в котором сейчас используется соотношение сторон 16:9.соотношение сторон.