Соотношение сторон

Хотите определить соотношение между сторонами? Введите своё разрешение экрана в поля ширины и высоты, а калькулятор вычислит соотношение между сторонами, применив сокращение дробей. Котик на картинке внизу покажет разницу.

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

Калькулятор пропорции ширины и высоты

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

Например, как узнать высоту монитора в формате 16:9, зная его ширину 7680 пикселей? Указываете соотношение ширины 16, соотношение высоты 9, ширину 7680 и получаете ответ 4320.

Что такое соотношение сторон экрана? (4:3, 16:9, 21:9)

Представим, как вы принесли новый телевизор домой, настроили его, включили любимый фильм 90-х годов, и тут вас встречают огромные чёрные полосы по обеим сторонам. То, что было маленькими, почти незаметными полосками по бокам вашего прежнего 43-дюймового ТВ, сейчас превратилось в массивные чёрные столбы шириной 8 дюймов по обе стороны изображения на вашем новом 75-дюймовом телевизоре.

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

Итак, соотношение сторон (aspect ratio на английском) — это соотношение между шириной и высотой экрана. Оно определяет его общую форму и пропорции, обычно представляется в виде W:H (где W – ширина в пикселях, а H – высота в пикселях). Сейчас большинство компьютерных мониторов и телевизоров в продаже имеют соотношение сторон 16:9, что означает, если ширина делится на 16 равных частей, то высота составляет 9 таких частей.

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

Большинство новых фильмов снимают с использованием киноформата 21:9, что намного шире нашего 16:9. Чтобы подобное кино поместилось на современном компьютерном мониторе или ТВ, часть экрана заполняется чёрными полосами сверху и снизу (это называется letterboxing).

Зато раньше снимали в формате 4:3, который гораздо более квадратный, чем наш широкоэкранный 16:9. Поэтому часть экрана заполняётся чёрными полосами, но уже по бокам (называются pillarboxing).

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

Как избавиться?

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

Вот оригинальное фото 1:1, на широком дисплее отображается с чёрными полосами по бокам.

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

Растягивание сохраняет всю информацию, но искажает изображение, чтобы оно поместилось на экране.

Мониторы для компьютера

Как уже упоминалось, наибольшее распространение сейчас получили мониторы 16:9. Однако, появляется всё больше игровых формата 21:9 UltraWide и даже 32:9 Super UltraWide. Для работы с ними обычно используют софт от производителя, виртуально делящий один экран на два, что гораздо удобнее одного узкого и позволяет комфортно расположить окна программ.

Заслуживает внимания 16:10, за счёт немного увеличенной высоты удобно располагать внизу или вверху дополнительную панель с быстрым доступом. А вот старые, практически квадратные 4:3 остались в прошлом, на них неудобно смотреть даже большинство современных сайтах, не говоря о видео.

Смартфоны

Интересно упомянуть о телефонах, поскольку производители и обзорщики зачастую хитрят, указывая большую диагональ, чем у конкурента или предшественника. Возьмём Sony Xperia 1 III с диагональю экрана 6.5 дюйма и Xiaomi Mi 9 c диагональю 6.39 дюйма. У кого из них больше экран?

Многие сразу ответят, что это глупый вопрос, ведь 6.5 больше, чем 6.39. И будут не правы. У Sony экран с соотношением сторон 21:9 и разрешением 1644 x 3840 пикселей, что даёт площадь 98.6 квадратных сантиметра у Xiaomi – 19.5:9, 1080 x 2340 пикселей, 100.2 квадратных сантиметра. Более того, просматривая ютуб или твич на Sony, вам придётся больше обрезать по краям, либо довольствоваться широкими чёрными полосами сверху и снизу. С другой стороны, широкоформатное кино идеально впишется в дисплей.

Разрешение экранов и их точные соответствия по соотношению сторон

А вот ещё полезные сервисы и страницы на displaysdb.ru

Тест монитора на битые пикселиДиагональ экрана в дюймах и сантиметрахКалькулятор PPI
(плотность пикселей)Как узнать разрешение экранаСравнение диагоналей экрановНа какой высоте повесить телевизорПроверка герцовки монитораЦветовые пространстваМонитор для чувствительных глазЦветовые ICC-профилиКалибровка монитораПодбор монитора и ТВ