Соотношения сторон: Соотношение сторон экрана — онлайн калькулятор соотношения сторон монитора

Что такое Соотношение сторон?(2023)

Определение соотношения сторон

Определение соотношения сторон таково: отношение ширины к высоте изображения или экрана. Не имеет значения, какого размера изображение. Соотношение сторон относится только к соотношению ширины и высоты самого изображения. Посмотрите видео ниже, рассказывающее о том, что именно такое соотношение сторон и различия между различными соотношениями сторон.

Стандарт соотношения сторон в настоящее время

4:3 против 16:9 против 21:9

Средний телевизор сегодня имеет дело с такой пропорцией между шириной и высотой. Чаще всего он выражается в формате ширина/высота или W:H или как в ширине или 16 единицах, а высота 9 единиц будет помещена как 16:9. Это уже много лет является серьезной проблемой между производителями телевизоров и кинокомпаниями.

С появлением новых моделей телевизоров это также стало проблемой для пользователей телевизоров на потребительском уровне. Почти все фильмы производятся в соотношении сторон 21:9. Если он будет преобразован в меньшее соотношение, зритель потеряет часть изображения. Этого нельзя избежать. В старых телевизорах соотношение сторон было всего лишь 4:3. Сегодня в большинстве телевизоров соотношение сторон составляет 16:9, что является отличным соотношением просмотра. Однако даже при таком соотношении телезритель будет видеть черную полосу в верхней и нижней частях экрана во время просмотра видео.

Сегодня есть некоторые производители телевизоров, которые производят соотношение сторон 21:9, чтобы дать то 100% соотношение кинофильмов, которое вы видите в кинотеатре. (Приятно знать факт: Когда вы смотрите фильм в кинотеатре, вы когда-нибудь замечали, что шторы обычно задернуты во время предварительной рекламы и открыты для фильма? Это потому, что большинство рекламных роликов показывают 16:9, а все фильмы-21:9.) Аккуратно, да? Прежде чем покупать телевизор с соотношением сторон 21:9, имейте это в виду.

Если вы обычно не смотрите ничего, кроме фильмов, телевизор с таким соотношением 21:9 будет просто великолепен. Но если вы также смотрите много телешоу, эти шоу будут иметь черные полосы на всех телешоу. Например, 58-дюймовый телевизор с соотношением сторон 21:9 будет таким же, как и 47-дюймовый телевизор с соотношением сторон 16:9. Другими словами, вы будете уменьшать свой контент до нормального соотношения 16:9 во время просмотра всех обычных телевизионных программ с черными полосами сверху или по бокам. (Кстати, эти черные полосы известны как «почтовый ящик».) Если есть какое-либо несоответствие между соотношением сторон и фильмом, который вы смотрите, и соотношением сторон телевизора, вы найдете эти надоедливые маленькие черные полосы.

Как уже упоминалось ранее, когда киностудии начали выпускать свои первые фильмы, они были в соотношении 4:3, и это было просто прекрасно. Однако, когда они добавили звук в фильмы, соотношение немного изменилось, чтобы приспособить звуковую дорожку. На следующие двадцать лет. В то время он был известен как Академический коэффициент.

Развитие соотношения сторон

Когда в 1950-х годах появилось телевидение, оно до смерти напугало кинематографистов. Они просто знали, что это будет конец их пути. Поэтому, начиная с 1952 года, они выпустили Cinerama с соотношением сторон 2,59:1, и началась гонка за большим и лучшим. Кинозрителям предстояла поездка всей их жизни, и они ее получили.

В 1959 году вышел великий фильм «Бен-Гур», который имел соотношение 2,76:1 и был впечатляющим хитом в прокате. Однако это маленькое отродье, которое положило начало тенденции кинематографистов к большему и лучшему, совсем не изменилось. С выходом новых фильмов по телевизору показывали все эти свисающие черные полосы. Почтовый ящик сеял хаос в бедном маленьком телевизоре.

Это продолжалось до конца 1980-х. Решение было не очень хорошим для телевидения. Он был известен как » пан и скан’. То, что он сделал, было сделано физическими корректировками фильмов в широкоэкранном режиме и без фактического искажения изображения. Он делал это, отсекая стороны и сохраняя в области просмотра то, что человек, делающий «панорамирование и сканирование», считал самым важным.

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

Мария Матвеева

Мария Матвеева писатель и любитель все, что связано с видео.

Автор @Мария Матвеева

Масштабирование и размер изображений на современных страницах 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:


Ниже показаны примеры рисунка, показанного в макете страницы с одной колонкой в разных веб-частях и макетах.











Веб-часть «Главного сайта»

Для макетов плиток и слоев имеются следующие пропорции:

  • Плитки: высота веб-части масштабется до пропорций 8:3, а изображения в масштабе веб-части — с соотношением сторон 4:3.

  • Слои: индивидуальные шкалы слоев до пропорций 8:3, а изображения внутри каждой шкалы слоев — с соотношением сторон 16:9.

  • На мобильных устройствах макет карусели используется в 16:9.

Ниже показан пример изображения, показанного в макетах «Слои» (сверху) и «Плитки» (внизу).



Веб-часть «Выделенное содержимое»

16:9 — пропорции для макетов «Карусель», «Пленка» и «Карточки».

Ниже показан пример изображения, показанного в макетах «Пленка» (сверху) и «Карточки» (внизу).


Веб-часть «Изображение»

Изображения будут расширяться по ширине раздела, содержащего веб-часть. Вы можете изменить пропорции или обрезать рисунок вручную с помощью панели инструментов «Изображение», а также увеличить или увеличить изображение с помощью хи24-часового режима.

Ниже показан пример обрезных меток изображения (синие линии) в 4:3


Веб-часть «Галерея изображений»

В разных макетах используются следующие пропорции:

  • org/ListItem»>

    В макете «Блок-блоки» пропорции всех показанных изображений: 16:9, 1:1, 4:3 и так далее. 

  • Плитки, карточки: 4:3

Ниже показан пример изображения, показанного в макетах «Плитки» (сверху) и «Мозаика» (внизу).



Веб-часть «Новости»:

В зависимости от макета, изображения в веб-части «Новости» могут быть 4:3, 16:9 или 21:9. Вот пример изображений в верхней истории и макете карусель.


Область заголовка страницы

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

Пример (исходное изображение 16:9) с фокальной точкой на динамике.



Эскиз страницы

Эскизы страниц можно вывести в таких местах, как результаты поиска, выделенное содержимое, новости и другие. По умолчанию эскизы выводится из области заголовка страницы или веб-части, которая находится в первом порядке на странице (например, слева вверху). Вы можете переопременить заданный по умолчанию и изменить эскиз страницы. При этом лучше использовать изображение с пропорцией 16:9.

Пример (исходное изображение 16:9)


Веб-часть «Быстрые ссылки» 

Веб-часть «Быстрые ссылки» имеет шесть разных макетов. Ниже советуем использовать пропорции.

  • Пленка, сетка, кнопка: 16:9

  • Сжатие, список, плитки: 1:1, 4:3

Ниже показан пример изображения, показанного в макетах «Сжатая» (сверху) и «Пленка» (внизу).

Советы: 

  • При добавлении изображения в область заголовка страницы или веб-части главного имиджегового рисунка также лучше всего установить его фокальной точкой. Дополнительные информацию о настройке фокальной точки для этих двух сценариев см. в веб-части «Изменение фокальной точки рисунка в веб-части «Главного имиджевного рисунка» и настройке области заголовка на странице.


Рекомендации по изображению в заглавной области сайта


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






Элемент

Описание

Рекомендации

Ширина 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 и 16:9..

Калькулятор соотношения сторон 4:3 поможет вам определить идеальное соотношение сторон для традиционных телевизионных и компьютерных мониторов. Между тем, размер экрана 16:9 часто используется для широкоформатных дисплеев.

Для изображений соотношение сторон также является важным фактором. Общие соотношения сторон для изображений включают 1:1, 4:3 и 3:2.

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

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

Используя калькулятор соотношения 4:3 или 16:9, вы можете быть уверены, что ваш видеоконтент оптимизирован для наиболее распространенных типов дисплеев.

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

Распространенные соотношения сторон

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

16:9 (1,78:1)

Это стандартное широкоэкранное соотношение сторон, используемое в большинстве современных цифровых устройств, таких как телевизоры, компьютерные мониторы и мобильные устройства.

Он также широко используется в производстве видео для YouTube, Vimeo и других онлайн-платформ.

4:3 (1,33:1)

Это соотношение сторон было стандартом для старых телевизоров, компьютерных мониторов и цифровых камер.

Хотя сегодня он используется реже, он по-прежнему используется для определенных приложений, таких как цифровые вывески и видеопроизводство.

21:9 (2,33:1)

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

2,35:1

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

1:1

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

5:4

Это портретно-ориентированное соотношение сторон, используемое в некоторых приложениях для фотосъемки, таких как широкоформатные и среднеформатные камеры.

3:2

Это обычное соотношение сторон, используемое в фотографии для 35-мм пленочных и цифровых камер.

16:10 (1,6:1)

Это соотношение сторон используется для некоторых компьютерных мониторов и было популярно в середине 2000-х годов.

3:1 и 4:1

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

14:10 и 19:10

Известно, что 14:10 (1,4:1) используется для IMAX Film, а 19:10 (1,9:1) — для IMAX Digital, который сегодня используется в большинстве кинотеатров IMAX.

Изменить соотношение сторон

Изменение соотношения сторон означает изменение размеров изображения или видео, делая его уже или шире, чем исходная версия.

Это может быть сделано для размещения содержимого на разных экранах или для придания ему другого вида.

Однако изменение соотношения сторон иногда может привести к растяжению или обрезке изображения, что может привести к потере качества или искажению внешнего вида.

Прежде чем вносить какие-либо изменения, важно понимать влияние изменения соотношения сторон.

Размеры экрана компьютера

Вот 5 самых популярных размеров экрана компьютера в пикселях и соответствующие им соотношения сторон:

  • 1920×1080 (16:9) — это наиболее распространенное разрешение экрана, также известное как Full HD или 1080p. Он используется для широкого спектра дисплеев, от ноутбуков до больших настольных мониторов.
  • 1366×768 (16:9) — это обычное разрешение экрана для ноутбуков и небольших дисплеев. Он также известен как HD или 720p.
  • 2560×1440 (16:9) — это разрешение также известно как WQHD или 1440p. Он используется для дисплеев высокого класса, таких как игровые мониторы и мониторы профессионального уровня.
  • 3840×2160 (16:9) — это также известно как разрешение Ultra HD или 4K. Он используется для высококачественных дисплеев, таких как высококачественные игровые мониторы и мониторы профессионального уровня.
  • 1280×800 (16:10) — это соотношение сторон обычно используется для ноутбуков, особенно с небольшими экранами. Он также широко используется для дисплеев планшетов.

Соотношение сторон и черные полосы

Соотношение сторон, которое вы получите, зависит от камеры, которая использовалась для съемки. Некоторые камеры имеют фиксированные соотношения сторон, в то время как другие позволяют выбирать формат.

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

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

Производители предоставили возможность регулировать соотношение сторон в соответствии с форматами мультимедиа и технологией отображения.

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

Однако получить идеальное изображение можно только при воспроизведении мультимедиа с тем же соотношением сторон, что и на экране.

 

 

Что такое соотношение сторон? Вот что вам нужно знать

  • Соотношение сторон измеряет соотношение между шириной и высотой дисплея, сенсора или изображения.
  • Обычное соотношение сторон составляет 16:9, что означает 16 единиц ширины и 9 единиц высоты.
  • В настоящее время широко используется множество соотношений сторон, и каждое соотношение сторон обычно служит определенной цели.

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

Сегодня используется много распространенных соотношений сторон — например, многие фильмы снимаются в формате 16:9, и это соотношение сторон также стало популярным среди компьютерных дисплеев. Но это резко контрастирует с ранними телевизорами с соотношением сторон 4:3.

Как измерить соотношение сторон

Проще говоря, соотношение сторон — это соотношение ширины и высоты, в котором ширина обычно является первым числом, а высота — вторым числом. Дисплей 16:9 может иметь длину 16 дюймов и 9дюймов в высоту или 32 дюйма в длину и 18 дюймов в высоту. Соотношение сторон — это просто соотношение сторон, и оно не зависит от фактического размера.

В наши дни телевизоры в основном производятся с дисплеями 16:9.

Вачиравут Приамфимаи / EyeEm / Getty Images

Иногда соотношение сторон указывается одним числом, например 1,33 или 1,78. В этой ситуации соотношение просто поделили — соотношение сторон 4:3 можно выразить как 4/3 = 1,33. Аналогично, соотношение сторон 16:9 также может быть 16/9 = 1,78. Еще реже это может быть преобразовано обратно в соотношение, например 1,33: 1 или 1,78: 1. Это может показаться запутанным, но математически длина 1,33 и высота 1 — это то же самое, что длина 4 и высота 3. 

Распространенные соотношения сторон

Сегодня широко используется множество соотношений сторон, поскольку каждое соотношение сторон используется по-своему. Вот некоторые из наиболее распространенных:

  • 1:1: Это просто квадрат, и хотя есть много причин иметь квадратное изображение, оно обычно используется в изображениях в социальных сетях.
  • 3:2: Это стандартный размер сенсоров в камерах и телефонах для фотосъемки и видеосъемки.
  • 4:3: Это соотношение сторон использовалось вещательным телевидением до эпохи высокой четкости.
  • 16:9: Это соотношение сторон стало стандартным для компьютерных дисплеев и кинотеатров, хотя есть много исключений из этого правила.
  • 2,35:1: Это сверхширокое соотношение сторон известно как CinemaScope и часто используется для создания фильмов для кино.

Почему важно соотношение сторон

Соотношение сторон может быть важно именно по той причине, что существует так много стандартов. Например, разработчики программного обеспечения, создающие контент как для смартфонов, так и для ПК, должны учитывать тот факт, что дисплей смартфона имеет другое соотношение сторон, чем экран ноутбука (например, многие iPhone имеют 9-дюймовый экран).:19 по вертикали, по сравнению с горизонтальным соотношением сторон 16:9, обычно используемым на экранах ноутбуков).

Соотношение сторон может даже варьироваться на ПК в зависимости от того, с каким монитором он соединен. В более старых мониторах квадратной формы использовалось соотношение сторон 4:3, в то время как в обычных мониторах чаще использовалось соотношение сторон 16:9. Сверхширокие мониторы могут иметь соотношение сторон до 32:9. К счастью, операционная система компьютера может поддерживать различные соотношения сторон и подстраиваться под любой подключенный монитор.

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

Мэтью Рохарик / Getty Images

Фотографам и видеооператорам может потребоваться изменить соотношение сторон фотографии путем кадрирования. Например, инструмент обрезки Adobe Photoshop позволяет изменить соотношение сторон после того, как фотография была сделана.

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

Дэйв Джонсон/Инсайдер

Дэйв Джонсон

Внештатный писатель

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