Что такое соотношение сторон

Обновлено: 16.07.2024

Не знаете, какой размер и пропорции использовать для своих изображений в дизайне? В данной статье перечислили наиболее часто встречающиеся пропорции, а также популярные размеры изображений и фотографий, чтобы помочь вам создать ваш проект. Так же расскажем, как сделать необходимые пропорции в программе Фотошоп

Что такое соотношение сторон

Соотношение сторон изображения – это, пропорциональное отношение ширины к высоте. Вы знаете это как два числа, разделенных двоеточием в формате x : y. Например, изображение размером 6 x 4 дюйма имеет соотношение сторон 3: 2. Соотношение сторон не имеет единиц измерения - вместо этого оно показывает, насколько ширина больше по сравнению с высотой. Это означает, что изображение в сантиметрах, будет иметь такое же соотношение сторон, даже если оно в дюймах или пикселях. Соотношение между его шириной и высотой определяет соотношение и форму, но не фактический размер изображения.

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

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

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

Популярные пропорции изображений

Соотношение 1: 1

Соотношение 1: 1 означает, что ширина и высота изображения равны, создавая квадрат. Некоторые распространенные соотношения 1: 1 - это фотография 8 x 8 дюймов, изображение 1080 x 1080 пикселей или, как правило, любой шаблон профиля изображения на сайтах социальных сетей (например, Facebook). Это соотношение сторон обычно используется для печати фотографий, мобильных экранов и платформ социальных сетей, но оно не идеально для большинства телевизионных или цифровых форматов.

Соотношение 3: 2

Соотношение 3: 2 произошло от 35-миллиметровой пленки и фотографии и до сих пор широко используется для определенных печатных форматов. Изображения с разрешением 1080 x 720 пикселей или 6 x 4 дюйма устанавливаются в этом соотношении сторон.

Соотношение 4: 3

Соотношение 4: 3 обычно используется для телевизионных дисплеев, компьютерных мониторов и цифровых камер. На каждые 4 единицы ширины приходится 3 единицы высоты, образуя прямоугольную форму. Изображение размером 1024 x 768 пикселей или 8 x 6 дюймов соответствует типичному соотношению 4: 3.

Соотношение 16: 9

Соотношение 16: 9 чаще всего можно наблюдать на слайдах презентаций, компьютерных мониторах или широкоэкранных телевизорах. Этот международный стандарт недавно заменил соотношение 4: 3 для мониторов и экранов телевизоров, создав более тонкую, более вытянутую прямоугольную форму по сравнению с форматом 4: 3. Общие разрешения в соотношении 16: 9 составляют 1920 x 1080 пикселей и 1280 x 720 пикселей.

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

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

Важно понимать, что два разных изображения с одинаковым соотношением сторон могут иметь разный размер или размеры. Например, изображение размером 1920 x 1080 пикселей имеет соотношение сторон 16: 9, а изображение размером 1280 x 720 пикселей также имеет соотношение 16: 9.

Размеры изображений для веб

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

Когда вы работаете над созданием веб-сайта или системой управления контентом (CMS), например WordPress или Joomla, требования к размеру изображения будут различаться в зависимости от используемой темы или шаблона. Зачастую создатель веб-сайта изменяет размеры изображений, чтобы они правильно отображались в нескольких различных форматах. Поэтому, чтобы удовлетворить несколько различных стандартных размеров изображения, загрузите изображение, которое достаточно велико, чтобы уменьшить его, не теряя разрешения, и достаточно мало, чтобы удобно соответствовать ширине стандартного экрана. Мы рекомендуем загружать изображения шириной от 1500 до 2500 пикселей. Проверьте свой шаблон или тему на любой CMS, которую вы используете, чтобы определить правильный размер изображения для загрузки. Точно так же сайты социальных сетей часто меняют размеры изображений, но при этом, обеспечивает правильное отображение ваших изображений.

Важное замечание: не путайте размер изображения с размером файла изображения. Размер файла изображения измеряется в байтах в зависимости от того, сколько места он занимает на диске (например, килобайт или мегабайт).

Вот некоторые из самых распространенных размеров изображений в Интернете.

Формат изображений для веб

1920 х 1080 пикселей

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

1280 х 720 пикселей

Этот размер соответствует стандартному формату HD, используемому в фотографии и кино. Подходит для формата 4: 3.

1080 х 1080 пикселей

Размер изображения в соотношении 1: 1 широко используется в социальных сетях, а именно в Instagram и Facebook.

Общие размеры фотографий

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

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

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

Вот некоторые из самых распространенных размеров фотографий.

4 х 6 или 5 х 7 дюймов

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

8 х 10 дюймов

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

8,5 х 11 дюймов

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

12 х 18 или 18 х 24 дюйма

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

24 х 36 дюймов

Рекламодатели используют этот размер плаката для наружной рекламы и специальных витрин в местах с высокой посещаемостью.

Как создать пользовательский размер и пропорции в Adobe Photoshop CC 2019

Откройте изображение в программе Фотошоп и выберите в панели инструментов Рамка, после этого, в панели настройки инструментов вверху слева, из выпадающего списка вы можете выбрать как хотите обрезать изображение, в определенных пропорциях или в определенном размере с указанием ширины, высоты и разрешения. Красными стрелками указаны актуальные поля для ввода параметров обрезаемого изображения - ширина, высота, разрешение.

Кадрирующая рамка в Фотошоп

Выбор способа обрезки, по размерам или в определенной пропорции

Выбор пропорций обрезки

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

Представьте себе такую ситуацию: вы привозите домой свой новый, только что купленный телевизор, устраиваетесь напротив экрана, запускаете свой любимый сериал из 90-х и наблюдаете картинку в огромными черными полосами по бокам. На вашем 43-дюймовом старичке эти полосы были маленькие и почти незаметные, а теперь, на 75-дюймовом экране, вы вынуждены смотреть на огромные черные штуки и настроение от покупки вам это точно не поднимает.

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

Что такое соотношение сторон экрана?

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

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

Раньше сериалы и тв-шоу производились с расчетом на соотношение сторон 4:3, что на выходе дает более приближенную к квадрату картинку (а соотношение современных экранов 16:9 называют широкоэкранным). Для того, что такое квадратное изображение адаптировать к современному широкому экрану используется другая технология — пилларбоксинг (англ. pillarbox от pillar «колонна»), то есть добавление вертикальных полос или вертикальное каширование. В таблице вы можете увидеть наиболее распространенные сейчас соотношения сторон экранов.

Как выбрать соотношение сторон Композиция, Формат, Длиннопост, Видео

Кинематограф уже долго использует разные форматы изображения, но что они значат для современных режиссеров и операторов? Ниже — несколько советов, которые помогут вам ориентироваться в соотношениях сторон

Как выбрать соотношение сторон Композиция, Формат, Длиннопост, Видео

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

Что такое соотношение сторон?

Соотношение длины и ширины кадра описывает форму изображения. К примеру, формат 16:9 — это экран, где на каждые 16 единиц измерения ширины (например, дюймов или пикселей) приходится 9 единиц высоты. Современные телевизоры с разрешением 1920x1080p (Full HD) или 3840x2160p (4K) имеют соотношение сторон 16:9, тогда как у видео с разрешением 1920x817p оно равняется 2.35:1 (вспоминаем уроки математики).

Как выбрать соотношение сторон Композиция, Формат, Длиннопост, Видео

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

В конце концов театральные форматы установились где-то между 2.35 и 1.85. 16:9 — это своего рода компромисс между театральным соотношением сторон и телевизионным (4:3).

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

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

Как выбрать соотношение сторон Композиция, Формат, Длиннопост, Видео

Соотношение сторон определяет композицию

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

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

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

Как выбрать соотношение сторон Композиция, Формат, Длиннопост, Видео

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

Формат 2.35:1 создает более глубокую и широкую композицию, а зритель будто оказывается внутри этого мира. Но если у вас нет достаточно красивых декораций, локаций или возможности правильно осветить кадр, вы рискуете сделать ваш фильм визуально неинтересным (если вы не овладели в совершенстве работой с негативным пространством).

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


Всё о кино

11.4K постов 40.5K подписчиков

Правила сообщества

1. Запрещено нарушать основные правила Пикабу (нет спаму, оскорблениям, вбросам, рекламе, политике).

2. Запрещены посты не по теме, посты о поиске фильмов и неинформативные посты (в том числе посты в стиле "Сегодня день рождения у . ", "сегодня прошло N лет со дня выхода фильма . " и тому подобные, не несущие никакой информации помимо самой даты). В случае несоответствия тематике сообщества или неинформативности пост будет удален в общую ленту.

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

4. Ставьте корректные теги при создании поста и указывайте в названии суть. Для постов с видеообзорами обязательно указывать тег "видеообзор". Для постов с видео c Youtube рекомендуется указывать название канала в тегах и небольшое описание, чтобы было понятно о чём это видео.

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

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

7. В сообществе не приветствуются фейки, вбросы, теории заговора, конспирология и параноидальные бредни.

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

Сейчас изменить формат можно, просто подкрутив несколько настроек в монтажной программе.

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

Когда начну снимать кино, обязательно вспомню этот пост(нет).

ГОСТа на них нет. всем только бы выебнуться со своим форматом. в итоге у всех в 80% случаев (при просмотре видео) полоски либо сверху и снизу либо по бокам.

Отель Гранд Будапешт просто охуителен. Кто знает еще подобные фильмы?

Работаю на голливудских проектах много лет. Сейчас в моде снимать с нехренным таким оверсканом и в 3,4,6 К, чтобы потом поднастроить композицию. Что добавляет головной боли для пост продакшен. Как дефалт идет 1.77. Но прожекшн идет на 2.35. 1.77 для аймакса любят. И да аспект может меняться в фильме.

Помню, в детстве, смотрел какой-то фильм о группе и там был интересно обыгран момент перехода от одного размера кадра к другому. Когда говорят репортеру что интервью должно быть вооот таким и раздвигает руки в стороны то формат меняется с 4:3 на широкий. Только к сожалению не помню где это видел =(

Формат 4:3 (1.33:1) больше раскрывает психологию и внутренние переживания актёров.

Фильмы, где значимы крупные планы.

3840x2160 – это UHD. А DCI 4K – это 4096x2160.

Мне вот всегда было интересно, но как-то не доходили руки проверить на практике.

У IMAX соотношение сторон 1,34:1. На цифровых носителях этот же фильмы выходит минимум в 1,78:1 (иногда ещё уже). Соответственно вопрос - в какой версии нам показывают меньше? В imax отрезают по бокам или в цифре обрезают снизу\сверху?

В тексте: "Спилберг и его оператор Дуглас Слокомб аккуратно располагают множество объектов по кадру, не перегружая зрителя визуальной информацией." А теперь представьте, оператору режиссер говорит - Так, нам надо расположить множество объектов по кадру, но не перегрузить зрителя визуальной информацией" И оператор такой:

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

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

Вопрос к знатокам, сталкивался что некоторые сериалы идут с довольно странным соотношением сторон 2:1 (1920х960). Чем это обусловлено?

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

Ненавижу этот "широкий формат". Когда-то все телевизоры были унифицированы и фильмы на стадии производства адаптировали и для широкого формата и 4:3 телевизора.

А сейчас или мало фильма на экране (ибо обрезан) или экран недоиспользуется..

И вообще какого хера ширина вдруг оказалась важнее высоты? Сдается мне это маркетинговая херь. Монитор 5:4 (очень приятный для работы) имеет при одинаковой диагонали с 16:9 в полтора раза большую площадь. Так что в широкоформатном мониторе вы получаете меньше экрана за те же деньги.

(вспоминаем уроки математики). а ты нахуа пост делал? взял бы да и расписал

Ответ на пост «Не прокатило»

Соотношение сторон в видео и фотографии

У идеального квадрата соотношение сторон будет 1: 1, потому что ширина квадрата должна равняться его длине. Соотношение сторон может быть выражено целыми числами (например, 3: 2) или десятичными знаками (например, 1,5: 1).

В кинопроизводстве соотношение сторон относится к форме кадра. Двумя наиболее распространенными форматами изображения, которые вы увидите в кино, являются 1,85: 1 (широкоэкранный) и 2,39: 1. Вот почему при просмотре большинства фильмов вы увидите черные полосы вверху и внизу кадра.

Телевидение остановилось на соотношении 16: 9 для большей части вещательного контента, хотя дисплеи существуют во всех видах форматов изображения. Сверхширокие мониторы, которые предпочитают многие геймеры, могут иметь соотношение сторон 2,37: 1 (обычно продается как «21: 9»), а так называемые сверхширокие мониторы «32: 9» теперь доступны от нескольких производителей.

Использование калькулятора соотношения сторон

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

Калькулятор соотношения сторон

Так, например, чтобы определить высоту на основе ширины и соотношения сторон, введите соотношение сторон в поля W1 и H1, а затем добавьте физическую ширину в поле W2. Калькулятор отобразит относительную высоту в поле H2.

Расчетное соотношение сторон

Вы можете определить соотношение сторон любого прямоугольника, просто введя физические размеры в поля W1 и H1. Соотношение будет отображаться над изображением «Пример» ниже.

Сохранение соотношения сторон любой ценой

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

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

Читайте также: