Как выбрать соотношение сторон

Фото: Zach Ramelan

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

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

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

Фото: Zach Ramelan

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

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

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

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

Кадры из фильма «Отель «Гранд Будапешт»» (2014) / Фото: Fox Searchlight Pictures

Кинематографисты могут использовать подобные коннотации в своих целях, чтобы погрузить зрителя в определенное настроение. «Отель „Гранд Будапешт“» Уэса Андерсона раскрыл потенциал этой идеи. По ходу фильма соотношение сторон меняется, чтобы соответствовать самому распространенному формату эпохи.

Что касается настроения, то пародийный фильм «Храбрые перцем», разворачивающийся в мире высокого фэнтези, снят с соотношением сторон 2.35:1, тем же самым, что Питер Джексон использовал в экранизации «Властелина колец». Если бы режиссер Дэнни МакБрайд снял эту комедию в формате 16:9, фильму бы не хватило ощущения эпичности.
 

Трейлер фильма «Храбрые перцем» (2011) 
 

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

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

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

Чем меньше формат, тем ближе друг к другу они будут расположены, сужая пространство внутри. Это не обязательно плохо: это просто результат большей скученности, которую уже упоминавшийся Уэс Андерсон отлично использует в «Отеле „Гранд Будапешт“».
 

Трейлер фильма «Отеле „Гранд Будапешт“»

Тем не менее, как мы видим на примере «Касабланки», вы вполне можете создать динамическую композицию и в «академическом» формате.
 

Сцена из фильма «Касабланка» (1942)

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

Кадры из фильмов «Касабланка» (1942) / Фото: Warner Bros. и «Индиана Джонс и последний крестовый поход» (1989) / Фото: Lucasfilm

Расширяя формат, мы можем показывать более масштабные сцены. Посмотрите, как это делает Стивен Спилберг в фильме «Индиана Джонс и последний крестовый поход».
 

Сцена из фильма «Индиана Джонс и последний крестовый поход» (1989)

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

Скрытые объекты

Всегда нужно помнить, что широкоэкранные форматы — это еще и вызов для кинематографиста, поскольку они в большей степени раскрывают локации съемок. Именно поэтому они так популярны у авторов фантастических и фэнтезийных фильмов: их режиссеры хотят погрузить вас в детально созданный мир. Чем шире кадр, тем меньше можно спрятать. Посмотрите на знаменитую сцену схватки Люка Скайуокера и Дарта Вейдера в фильме «Империя наносит ответный удар».
 

Сцена из фильма «Звездные войны. Эпизод V: Империя наносит ответный удар» (1980)

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

Выбор формата

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

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

Источник: premiumbeat.com
 

---

Обложка: кадр из фильма «Отель „Гранд Будапешт“» (2014) / Fox Searchlight Pictures
 

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

Способ 1: Поиск в интернете

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

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

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

Способ 2: Самостоятельное определение

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

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

Для правильного определения максимального разрешения экрана должны быть установлены драйверы видеокарты!

Теперь есть 2 варианта того, что делать с этой информацией.

Вариант 1: Сравнение со списком

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

4:3

• 320×240;
• 400×300;
• 512×384;
• 640×480;
• 800×600;
• 1024×768;
• 1152×864;
• 1280×960;
• 1400×1050;
• 1600×1200;
• 1920×1440;
• 2048×1536.

5:4

16:9

• 854×480;
• 1280×720;
• 1366×768;
• 1920×1080;
• 2560×1440;
• 5120×2880.

16:10

• 640×400;
• 1280×768;
• 1280×800;
• 1440×900;
• 1680×1050;
• 1920×1200;
• 2560×1600.

17:9

21:9

• 2560×1080;
• 3440×1440;
• 5120×2160.

24:10

32:9

• 2560×1440;
• 3840×1080;
• 5120×1440.

32:10

Вариант 2: Самостоятельное вычисление

Ели у вас другое разрешение экрана или вы хотите запомнить универсальный способ определения соотношения сторон монитора, нужно просто поделить ширину на высоту, а затем таким же образом разделить показатель соотношения сторон. Например, разрешение 1920×1080 при делении первого числа на второе образует результат 1,777777777777778. То же самое значение получается при делении 16 на 9. Как узнать, какое именно соотношение сторон делить? На глаз.

Мониторы 4:3 квадратные (5:4 очень похожи на них) и выглядят так:

16:9 — самые популярные, и большинство актуальных моделей именно такое:

Немного реже можно встретить мониторы 16:10.

И 21:9. С ними и еще бОльшими мониторами уже возникает небольшая путаница. Например, разрешение 3440×1440 при делении не дает точь-в-точь такой же самой цифры, что 21:9 (цифры после запятой немного различаются), тем не менее именно оно используется в мониторах с таким соотношением сторон. Здесь уже следует просто округлять результат деления и сопоставлять с подходящими вариантами.

Существуют и нестандартные решения, относящиеся к изогнутым и/или сдвоенным моделям — скорее всего, это либо 32:9, либо 32:10 (реже 24:10).

Мы рады, что смогли помочь Вам в решении проблемы.
Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.

Помогла ли вам эта статья?

ДА НЕТ

Обрезайте и изменяйте размер фотографий в соответствии с размерами кадра с помощью Photoshop CC

Узнайте, как легко обрезать и изменить размер изображения, чтобы оно соответствовало размеру кадра, необходимому вам, с помощью Crop Tool в Photoshop! Для фотошопа CC и CS6.

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

Я буду использовать Photoshop CC здесь, но вы также можете использовать Photoshop CS6.

Размер изображения против размера кадра

Во-первых, давайте быстро посмотрим на проблему. Вот изображение, которое я открыл в Photoshop и которое я скачал с Adobe Stock :

Оригинальное фото. Предоставлено: Adobe Stock.

Допустим, я хочу напечатать это изображение, чтобы оно помещалось в стандартный кадр 8 «на 10». Обычно мы изменяем размеры изображений в Photoshop, используя диалоговое окно «Размер изображения». Чтобы открыть его, я зайду в меню Изображение в строке меню и выберу Размер изображения :

Идем в Изображение> Размер изображения.

В Photoshop CC диалоговое окно «Размер изображения» содержит новое окно предварительного просмотра слева, а также параметры размера изображения справа:

Диалоговое окно «Размер изображения» в Photoshop CC.

Почему обычный способ изменить размер изображения не работает

Но вот проблема. Помните, что я хочу поместить это изображение в рамку размером 8 на 10 дюймов. Но поскольку текущее соотношение сторон моего изображения не равно 8 x 10, диалоговое окно «Размер изображения» не позволит мне изменить его размер до необходимого мне размера кадра 8 x 10 дюймов. Если бы я попробовать установить ширину до 8 дюймов , то высота значение неверно:

Установка значения ширины делает высоту неправильной.

И если я изменю Высота на 8 дюймов , то значение Ширина будет неправильным. И то же самое произойдет, если я попытаюсь установить ширину или высоту в 10 дюймов. Другое значение всегда будет неправильным, и это потому, что пропорции моего изображения и рамки разные:

Установка значения высоты делает ширину неправильной.

Теперь я мог отменить связь между значениями ширины и высоты, щелкнув значок ссылки между ними, и это позволило бы мне независимо изменять ширину и высоту. Поэтому, если я хочу сохранить изображение в горизонтальной ориентации, где ширина больше высоты, я мог бы ввести 10 дюймов для ширины и 8 дюймов для высоты:

Отключение значений ширины и высоты и установка их независимо.

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

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

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

Отмена и закрытие диалогового окна «Размер изображения».

Как обрезать и изменить размер изображения с помощью инструмента Обрезка

Нам нужен способ обрезать наше изображение до того же соотношения сторон, что и у кадра, прежде чем изменить его размер. И мы можем сделать это с помощью Crop Tool . На самом деле, Crop Tool позволяет нам обрезать изображение и изменить его размер для печати за один снимок!

Шаг 1: выберите инструмент обрезки

Сначала я выберу инструмент обрезки на панели инструментов :

Выбор инструмента обрезки.

Фотошоп размещает границу обрезки и обводит изображение:

Появятся рамка обрезки и ручки.

Шаг 2. Выберите «Разрешение W x H x» в меню «Соотношение сторон»

Теперь, если я просто хочу обрезать изображение до нового соотношения сторон, не заботясь о фактическом размере печати , я мог бы сделать это, введя новое соотношение в поля « Ширина» и « Высота» на панели параметров. Поскольку я хочу обрезать его как 8 x 10 и в альбомной ориентации с шириной, превышающей высоту, я введу 10 для ширины и 8 для высоты . Обратите внимание, что я не ввожу определенный тип измерения, например, дюймы или пиксели. Я только ввожу соотношение сторон:

Ввод нового соотношения сторон в поля Ширина и Высота.

Photoshop автоматически изменяет размер границы обрезки в соответствии с новым соотношением:

Граница обрезки была изменена до нового соотношения сторон.

Но в этом случае изменение соотношения сторон — не единственное, что я хочу сделать. Я на самом деле хочу изменить размер изображения, чтобы оно печаталось с шириной ровно 10 дюймов и высотой 8 дюймов. Чтобы сделать это, я нажму на параметр Aspect Ratio на панели параметров:

Нажав опцию «Соотношение сторон».

А из меню я выберу разрешение W x H x (ширина x высота x разрешение):

Выбор «Ш х В х Разрешение».

Шаг 3: введите новые ширину и высоту, в дюймах

Затем я снова введу то же соотношение сторон, что и раньше. Но на этот раз я также включу тип измерения. Таким образом, вместо того, чтобы просто ввести 10 для ширины , я введу 10 дюймов для дюймов. А для высоты я введу 8 дюймов, опять же для дюймов:

Ввод ширины и высоты, на этот раз в дюймах.

Шаг 4: Установите разрешение 300 пикселей / дюйм

Обратите внимание, что теперь у нас также есть третье поле, и это третье поле для значения Разрешения . Поскольку я хочу, чтобы изображение печаталось с высочайшим качеством , я введу стандартное разрешение отрасли 300 пикселей / дюйм :

Ввод разрешения печати.

Шаг 5: Поместите границу обрезки вокруг вашего объекта

Затем я перетащу изображение вправо, чтобы изменить положение семейства внутри границы обрезки:

Перетаскивание изображения для размещения объектов внутри рамки обрезки.

Шаг 6: Нажмите на галочку

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

Нажмите на галочку, чтобы обрезать и изменить размер изображения.

Чтобы уместить обрезанное изображение на экране, я зайду в меню « Вид» и выберу «По размеру экрана» :

Идем в View> Fit на экране.

А вот наше изображение с новым соотношением сторон:

Изображение после обрезки и изменения его размера до размера кадра 8 x 10.

Как проверить, что размеры печати и рамки совпадают

Давайте закончим проверкой, чтобы убедиться, что изображение теперь будет печататься с размером кадра, который нам нужен. Я снова открою диалоговое окно «Размер изображения», зайдя в меню « Изображение» и выбрав « Размер изображения» :

Идем в Изображение> Размер изображения.

И, конечно же, если я изменю тип измерения для ширины и высоты на дюймы, мы увидим, что изображение теперь будет печататься с шириной ровно 10 дюймов и высотой 8 дюймов с разрешением 300 пикселей / дюйм, что означает, что теперь идеально подходят и отлично смотрятся в рамке 8 на 10 дюймов:

Подтверждение нового размера печати.

И там у нас это есть! В следующем уроке этой главы я покажу вам, как контентно-зависимая функция Crop Tool может добавить больше места вашим фотографиям, автоматически заполняя пустое пространство большим количеством фотографий!

Или посмотрите другие уроки этой главы:

• 01. Как обрезать изображения в Photoshop CC
• 02. Как вращать и выпрямлять изображения
• 03. Как увеличить размер холста с помощью Crop Tool
• 04. Crop Tool советы и подсказки
• 05. Использование инструмента Perspective Crop
• 06. Обрезайте и изменяйте размер фотографий в соответствии с размерами кадра
• 07. Как использовать Content-Aware Crop
• 08. Как обрезать фотографии по кругу

Для получения дополнительных глав и для наших последних учебников, посетите наш раздел Основы Photoshop !

Подписывайтесь на нашу новостную рассылку

Будьте первым, кто узнает, когда будут добавлены новые учебники!

Новое в iOS 14: Как в «Фото» на iOS показать миниатюры фото и видео с действительным соотношением сторон

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

♥ ПО ТЕМЕ: Новое в iOS 14: Как упомянуть пользователя в чате iMessage на iPhone и iPad.

 

Для чего это нужно?

Дело в том, что изображение может иметь различное соотношение сторон: 4:3 или 16:9, видео быть замедленным или обычным, фотография портретной или панорамной. Но приложение «Фото» не делает между ними никаких различий, когда дело доходит до показа снимков в сетке шириной три или пять элементов. Таким образом, каждое изображение и клип втиснуты в симметричные превью миниатюр с соотношением сторон 1:1 в типичном для Apple стиле. Даже те медиа-файлы, которые вы обрежете в пропорции 10:8, 7:5, 5:3, 3:2 или в произвольном соотношении, будут отображаться в виде 1:1 на предварительном просмотре.

Проблема с сеткой из квадратиков состоит в том, что вы не можете сразу понять, находится ли фотография или видео в книжной или альбомной ориентации и какое у них вообще соотношение сторон. Поэтому, если вы ищете определенное изображение или клип, снятые вертикально с соотношением сторон 16:9 или горизонтально 4:3, то сразу его и не увидите. Но в iOS 14 Apple поменяла подход.

В приложении «Фото» в iOS 14 (подробный обзор новых функций) вы можете сортировать и фильтровать медиа-контент и даже добавлять к нему подписи. Но когда дело доходит до его просмотра в виде сетки, то в представлении по умолчанию мы видим все те же квадраты. Зато теперь можно изменить этот вид и увидеть элементы с исходным соотношением сторон и ориентацией.

♥ ПО ТЕМЕ: Переводчик на iPhone: Как пользоваться встроенной программой Перевод в iOS.

 

Как переключить «Фото» в режим просмотра с исходным соотношением сторон

Всякий раз, когда вы просматриваете сетку шириной три или пять элементов в «Фото», нажмите значок с многоточием (•••) в правом верхнем углу, затем в появившемся меню выберите «Сетка с учетом соотношения сторон».

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

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

Изменение вида сетки не распространяется на все приложение «Фото» – оно сохраняет ваш выбор только для той вкладки, на которой вы находитесь. Поэтому, если вы переключились на параметр «Сетка с учетом соотношения сторон» на вкладке «Фотографии», вы все равно увидите квадратную сетку на вкладках «Альбомы» и «Поиск», если только вы там тоже не изменили формат отображения сетки. Но если вы измените представление в определенном альбоме или папке, вы увидите изменения во всех других альбомах и коллекциях на этой вкладке.

♥ ПО ТЕМЕ: Режим «картинка в картинке» на iPhone: как включить и пользоваться.

 

Возврат к квадратной сетке

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

Чтобы вернуться к симметричному виду с квадратами, нажмите значок с многоточием (•••) в правом верхнем углу, затем выберите «Сетка в виде квадратов» в меню действий.

Опять же, изменение вида сетки применимо только к той вкладке, на которой вы находитесь в данный момент, поэтому, если вы изменили ее для «Фотографий», а в «Альбомах» и в «Поиске» тоже хотите вернуться к квадратам, то и там надо будет настроить этот параметр.

Смотрите также:

Статьи. Полезная информация при выборе фотолаборатории

Что такое печать «с полями» или «без полей» :

Самые популярные форматы печатаемых фотографий (10х15, 20х30 и 30х45) имеют соотношение сторон 2 : 3, а формат съёмки большинства современных цифровых фотоаппаратов – 3 : 4. Если формат ваших снимков не совпадает с выбранным форматом бумаги, эту «несостыковку» можно решить двумя способами кадрирования : напечатать фотографии «без полей» (с обрезкой) или печатать фотографии в режиме «с полями».

Исходная фотография снятая фотоаппаратом :

Без полей (No Fields):

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

Используйте этот метод, если сверху и снизу нет важных деталей.

С полями (Fields):

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

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

В последнее время, в меню настроек современных фотоаппаратов появляется возможность переключать значения соотношения сторон для съёмки. Мы рекомендовали бы вам подумать, какой формат вы планируете печатать в дальнейшем и поставить в настройках фотокамеры соответствующее соотношение сторон. Если у вас материалы уже отсняты с соотношением 3 : 4, то можно напечатать без обрезки изображения такие форматы, как : 11х15, 15х20 или 30х40. Но, если бы вы хотели фотографии вставить в альбом или рамку, то помните, что фотоальбомы для формата 11х15 не так распространены в продаже, как для размера 10х15.

Бордюр (Border):

Режим фотопечати, при котором по периметру фотографии (с 4 сторон) будет видна белая рамка с толщиной от 3.5 до 5 миллиметров. Толщина рамки зависит от выбранного вами формата печати и пропорциональна увеличению размера. Например, для фотографий формата 10х15 толщина рамки – 3.5 миллиметра, а для формата 30х45 см – 5 миллиметров. Общий размер листа фотобумаги, на котором печатается фотография, не изменяется – незначительно уменьшается наносимое на фотографию изображение, на величину толщины бордюра выбранного вами формата фотопечати. Возможно использование комбинаций режимов фотопечати «с полями» и «бордюр», но для этого надо чётко представлять особенности работы этих режимов и недвусмысленно сообщать о желаемом в комментариях к заказу.

Устранение черных полос

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

 

Черные полосы на некоторых клипах

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

 

1. В нижней части Видеоредактора найдите информацию о настройках проекта и нажмите на значок редактирования.

2. В открывшемся окне раскройте список Изменение размера и выберите опцию Кадрирование.

 

3. Нажмите OK для подтверждения изменений.

Черные полосы на большинстве клипов

Если все или почти все клипы показаны с черными полосами, возможно, стоит изменить настройки проекта, чтобы они соответствовали добавленным фото и видео.

 

1. Для начала, нужно определить соотношение сторон используемых видео и фото. Щелкните правой кнопкой мыши по одному из файлов и выберите Информация о файле. В окне информации, найдите и запомните ширину и высоту кадра (например, 1920х1080), а также соотношение сторон (например, 16:9).

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

 

2. В нижней части Видеоредактора найдите информацию о настройках проекта и нажмите на значок редактирования.

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

 

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

 

Берем максимум от кадрирования в Lightroom

Снимок: James Paterson

1. Быстрое кадрирование

Инструмент Обрезка (Crop) находится в модуле Коррекции (Develop). Его можно активировать, кликнув по иконке на панели инструментов или нажав клавишу R (даже если вы находитесь в Библиотеке (Library), нажатие R автоматически откроет Коррекции и активирует кадрирование). Также можно нажать Ctrl + Alt + R, чтобы сбросить рамку. Нажав А, вы активируете или выключите привязку к соотношению сторон.

2. Недеструктивная обрезка

Обрезка в Lightroom обратима. У вас всегда есть возможность подкорректировать её, на каком бы этапе вы ни были. Участки вокруг рамки не стираются, а просто прячутся. Необратимая обрезка применяется только при экспорте фотографий в таких форматах, как например: JPEG, PSD или TIFF.

3. Опции инструмента

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

Снимок: James Paterson

4. Контроль над рамкой

Чтобы начать кадрирование, перетяните края рамки, либо просто зажмите левую кнопку мыши и начните перетаскивать курсор внутри фотографии, самостоятельно обозначив рамку. Нажатие Х переключает режим между вертикальной и горизонтальной перспективой. Если при перетягивании рамки удерживать нажатой клавишу Alt, она будет расширяться и сужаться относительно центра, а не одного из краёв. Удерживание Shift временно фиксирует соотношение сторон.

5. Выпрямление

Выпрямление (Straighten) позволяет провести вдоль линии, которая должна быть идеально ровной – например, горизонт или стена – и программа автоматически подровняет фотографию. Инструмент можно найти в опциях Обрезки, но гораздо проще временно переключиться на него, удерживая клавишу Ctrl во время кадрирования.

6. Автоматическое выпрямление

Кнопку Авто (Auto) на панели инструментов Обрезка можно использовать, чтобы без лишней суеты выровнять фотографию. Однако, это возможно, только если Lightroom сможет определить горизонтальную линию, с которой можно работать. Он работает так же, как и кнопка Уровень (Level) на панели Трансформация (Transform), где находятся другие мощные инструменты для коррекции перспективы.

Снимок: James Paterson

7. Изменение разрешения

Инструмент Обрезка создан для того, чтобы задавать соотношение сторон. В отличие от кадрирования в Photoshop, его нельзя использовать для регулировки разрешения или количества пикселей на дюйм. Если вам нужны эти параметры, их можно найти в блоке Размер изображения (Image Sizing) при экспорте. Конечно, при кадрировании мы так или иначе теряем пиксели и сокращаем общее разрешение.

8. Быстрая коррекция для задания соотношения сторон

Вы можете быстро установить определенное соотношение сторон для целого ряда фотографий, используя панель Быстрая коррекция (Quick Develop) в модуле Библиотека (Library). Выберите нужные фотографии, затем кликните по маленькой стрелочке рядом с пунктом Сохраненный пресет (Saved Preset) и используйте выпадающее меню Пропорции обрезки (Crop Ratio), чтобы выбрать нужное соотношение. Закончив с этим, можете вручную подправить кадрирование каждой фотографии при помощи инструмента Обрезка.

9. Применение предыдущего соотношения

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

10. Направляющие при кадрировании

Сетки обрезки – это специальные направляющие, построенные по одному из принципов композиции в фотографии или рисовании. При обрезке их можно активировать или выключить нажатием клавиши H. Кнопка О позволяет пролистывать разные сетки. Чтобы выбрать, какие именно направляющие будут в списке, перейдите в меню Инструменты > Сетка при обрезке > Выбрать наложения для повторного цикла (Tools > Crop Guide Overlay > Choose Overlays to Cycle).

Снимок: James Paterson

11. Сетка

Первый вариант в списке наложений – простая сетка. Её можно использовать для выравнивания прямых линий или оценки пропорций. Также сетка доступна в модуле Библиотека или Коррекции через клавиатурное сочетание Ctrl + Alt + O. Если зажать Ctrl после активации сетки, появится окно с регуляторами размера клеток и непрозрачности.

12. Трети

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

13. Диагональ

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

Снимок: James Paterson

14. Треугольники

Эта композиционная направляющая состоит из диагональной линии, идущей от одного угла к другому, и двух других, которые упираются в неё. Треугольники можно использовать, чтобы разделить части кадра или привлечь внимание к интересным деталям, поместив их на пересечении. Сочетание клавиш Shift + O позволяет изменить ориентацию линий.

15. Золотое сечение

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

Снимок: James Paterson

16. Золотая спираль

Эта направляющая основывается на золотом сечении и последовательности Фибоначчи, в котором каждое следующее число является суммой двух предыдущих (0, 1, 1, 2, 3, 5, 8, 13…). Не обязательно, чтобы в кадре присутствовало что-то закрученное. Речь идет о том, чтобы поместить наиболее важный элемент в центр спирали (в этом случае им является глаз), а остальные расположить на расстоянии линий.

17. Пропорции

Последний вид вспомогательной сетки позволяет увидеть несколько вариантов соотношения сторон одновременно. Это очень полезно, если возникает необходимость обрезать снимок для разных целей. Активировать нужные можно в меню Инструменты > Сетка при обрезке > Выбрать пропорции (Tools>Crop Guide Overlay>Choose Aspect Ratios).

Снимок: James Paterson

18. Поворот вне кадра

В отличие от Photoshop, в Lightroom управлять рамкой кадрирования можно только внутри кадра. Таким образом, если вы хотите повернуть снимок, придется терять часть на обрезке. Однако, есть другой способ. Используйте слайдер Поворот (Rotate) на панели Трансформация (Transform). Появившиеся белые участки можно будет исправить при помощи заливки с учетом содержимого в Photoshop.

19. Автоматические сетки

Если направляющие вас отвлекают, их можно выключить через меню Инструменты > Отображение инструментов (Tools > Tool Overlay). Там же есть функция Автоматически (Auto-Show), которая показывает сетку только во время перетягивания рамки.

Снимок: James Paterson

20. Управление пропорциями

Строка Пропорции (Aspect) в правой части интерфейса позволяет выбрать соотношение сторон для обрезки. Там есть такие распространенные варианты, как 7х5 или 10х8, а также несколько вариантов для видео. Вы также можете задать свой вариант. Если кликнуть по одному из пунктов с зажатой клавишей Alt, инструмент автоматически вернет рамку в положение по умолчанию.

Автор: James Paterson

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

Добро пожаловать в TNW Basics, собрание советов, руководств и советов о том, как легко получить максимальную отдачу от ваших гаджетов, приложений и подключенных сервисов.

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

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

Размеры и соотношение сторон

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

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

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

Итак, предположим, у вас есть изображение размером 1920 пикселей в ширину на 1080 пикселей в высоту (этот размер соответствует изображению Full HD), и вам нужно было обрезать его, чтобы оно соответствовало пространству 2: 1: вы могли просто оставить ширину неповрежденным, и обрежьте высоту ровно вдвое, до 960 пикселей.

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

Понятно? Давайте приступим!

Adobe Photoshop

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

• Откройте изображение в Photoshop.
• Выберите инструмент «Прямоугольная область» на палитре или нажмите M на клавиатуре.
• На панели инструментов в верхней части этого инструмента вы найдете раскрывающееся меню с надписью «Стиль». Выберите либо фиксированное соотношение, либо фиксированный размер, в зависимости от того, знаете ли вы желаемое соотношение сторон или точные размеры для окончательного изображения. Затем введите эти значения в поля «Ширина» и «Высота» рядом с этим меню.
  
  Примечание: Возможно, вам потребуется изменить единицы измерения перед заполнением размеров. Для этого перейдите в Edit> Preferences> Units & Rulers и установите для них те единицы измерения, с которыми вы хотите работать.
• Щелкните изображение мышью и сделайте выбор, удерживая и перетаскивая курсор, пока не получите нужный размер.
  Если вы используете стиль фиксированного размера, вам нужно всего лишь один раз щелкнуть мышью, чтобы настроить выделение, а затем вы можете перетащить его, чтобы обрамить часть изображения, которую хотите использовать.
• В строке меню основных параметров в верхней части экрана нажмите Image> Crop , и ваше изображение будет обрезано до выбранного вами выбора.
• Сохраните обрезанное изображение.
  Совет: Если вам нужно, чтобы выбор фиксированного соотношения сторон был центрирован в определенной точке, удерживайте нажатой клавишу Alt / Option, щелкните точку на изображении, а затем перетащите мышь, чтобы расширить выделение.

GIMP

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

• Откройте изображение в GIMP.
• Выберите инструмент «Прямоугольное выделение» на палитре или нажмите R на клавиатуре.
• В параметрах этого инструмента (расположенных сразу под палитрой) установите флажок «Фиксированный». Затем выберите один из вариантов в раскрывающемся меню рядом с ним, чтобы указать, хотите ли вы исправить соотношение сторон, размеры, ширину или высоту вашего выбора.
  
• В текстовом поле непосредственно под меткой «Фиксированный» введите желаемые размеры или соотношение сторон.
• Щелкните изображение, чтобы начать выбор, и перетаскивайте его, пока не получите нужный результат.
• Вы также можете расширить выделение наружу от точки на изображении, чтобы эта точка находилась в центре окончательного изображения.
  Для этого установите флажок «Развернуть из центра» над меткой «Фиксированный» в параметрах инструмента, а затем сделайте свой выбор, щелкнув точку, которую нужно центрировать.
• В строке меню в верхней части экрана щелкните Image> Crop to selection .
• Сохраните обрезанное изображение.

Croppola

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

• Посетите croppola.com и загрузите свое изображение.
• На панели инструментов справа от изображения выберите предустановленное кадрирование или нажмите «Вручную», чтобы ввести соотношение сторон в отмеченном поле. Затем щелкните в любом месте изображения, чтобы начать выбор.
• Если вы хотите использовать фиксированный размер, введите ширину и высоту желаемого изображения, а затем щелкните в поле выбора, чтобы переместить его, пока не будет выбрана правая часть изображения.
• Вы также можете щелкнуть кнопки внизу панели инструментов, чтобы выровнять выделение по отношению к изображению.
• Когда вы будете довольны своим выбором, нажмите «Загрузить этот урожай», чтобы сохранить изображение на рабочий стол.

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

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

Ознакомьтесь со всеми нашими статьями об основах здесь.

Читать далее: Stellia от Focal за $ 3 000 стремится стать лучшими портативными наушниками, которые можно купить за деньги

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

— Bellevue Fine Art Reproduction — Bellevue Fine Art Reproduction —

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

1) Для файлов JPG используйте кнопку обзора ниже и выберите файл на своем компьютере.Калькулятор соотношения сторон поместит значения ширины и высоты слева для вас.

Примечание: Значение справа может быть любым! сантиметры, дюймы или пиксели.

2) Для других типов файлов просто введите вручную значения ширины и высоты слева.

Инструкции:

Введите значения исходной ширины (W ₁ ) и исходной высоты (H ₁ ) слева, затем введите новую ширину (W ₂ ) или новую высоту (H ₂ ) на право рассчитать оставшуюся стоимость. Значения по умолчанию в пикселях.

Измените любое из значений в любое время или сбросьте их до начальных значений.

Сбросить значения

Ваше соотношение сторон: 1: 1

Предварительный просмотр изображения

---

Объяснение соотношений сторон

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

Например, если у вас есть картина размером 18 ″ x24 ″, вы разложите на множители 18/24 до ее наименьшего общего знаменателя
, чтобы понять соотношение. Разделив 18/24 на 6, вы получите соотношение сторон 3/4 или 3: 4. Если у вас есть картина размером 20 ″ x30 ″, или 20/30 = 10, что равно 2/3, это дает соотношение сторон 2: 3.

Теперь, например, если вы хотите сделать отпечаток размером 8 ″ x10 ″ с картины размером 20 ″ x30 ″, вы быстро поймете, что у вас это не получится.У вас может быть 8 ″ x12 ″, но не 8 ″ x10 ″. Есть много других примеров, но этого должно быть достаточно для понимания концепции. Все остальное калькулятор сделает за вас.

Заказать Giclee Prints

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

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

, обрезка и сохранение фотографий

Прикрепите его

Соотношение сторон, кадрирование и его влияние на фотографии.

У вас когда-нибудь было изображение, которое так идеально оформлено — вы идете, чтобы разместить заказ на 8 × 10 указанного красивого принта, а затем обнаруживаете, что потеряете руку или ногу с этим выбранным размером отпечатка? Как это случилось? Все дело в соотношении сторон. Вы спросите, что такое соотношение сторон?

Соотношение сторон — это просто отношение ширины фотографии к высоте.Соотношение сторон для 35-мм фотоаппаратов, пленочных или цифровых зеркальных фотокамер составляет 3: 2. Это означает, что длинная сторона в 1,5 раза длиннее короткой. При таком соотношении сторон получается отпечаток размером 4 на 6 дюймов. Большинство профессиональных фотографов, которых я знаю, не будут предлагать отпечатки такого маленького размера, поэтому давайте возьмем наше идеально оформленное изображение и возьмем другой стандартный размер — классический отпечаток 8 на 10 дюймов. Ой! Возможно, вы только что отрубили руку! Почему? Потому что соотношение сторон изображения 8 на 10 дюймов составляет 5: 4.

Вы можете спросить: «Как я потерял часть своего изображения, если действительно увеличился в размере?» Если вы возьмете это изображение с соотношением сторон 3: 2 и распечатаете его размером, например, 5 × 7 или 8 × 10, ваши соотношения будут отличаться от соотношения 3: 2 (формат 4 × 6).Длинная сторона изображения 4 × 6 в 1,5 раза длиннее короткой стороны, в то время как ваш классический размер печати 8 × 10 имеет соотношение 5: 4 … что означает, что длинная сторона всего в 1,25 раза длиннее короткой стороны (так что это жирнее). Независимо от того, насколько вы увеличите размер, соотношение сторон 3: 2 (размер 4 × 6) всегда будет уже, чем изображение с соотношением сторон 5: 4 (8 × 10). Итак, когда вы печатаете 8 × 10, вы всегда * всегда * обрезаете фотографию на два дюйма, если датчик вашей камеры имеет соотношение сторон 3: 2. (почти все из вас, кто читает это, будут иметь датчик камеры с соотношением сторон 3: 2 — Исключение составляют камеры «наведи и снимай», которые обычно имеют соотношение сторон 4: 3, некоторые профессиональные камеры высокого класса используют соотношение сторон 4: 3, а некоторые камеры позволяют выбирать из нескольких соотношений сторон).

Мне нравится смотреть на коэффициенты умножения (например, длинная сторона в 1,4 раза длиннее короткой стороны для 5 × 7) вместо фактических соотношений (например, 5: 4), потому что их немного легче запомнить.

Чтобы сделать снимок, полученный камерой с соотношением сторон 3: 2, и распечатать его в размере с другим соотношением сторон, вам необходимо обрезать часть фотографии. Например, при переходе от соотношения 3: 2 (4 × 6) к размеру 8 × 10 (что является соотношением 5: 4) вам нужно будет обрезать два дюйма.Вот почему так важно понимать эту концепцию — чтобы ваш конечный продукт был напечатан именно так, как вы планировали, а не с отсутствующей частью руки Сьюзи. Если вы не кадрируете изображения перед отправкой на печать (или не передаете их своим клиентам, если вы предоставляете цифровые файлы в качестве услуги), принтер часто выбирает для вас, как именно будет обрезано ваше изображение, и вы можете получить жизненно важные части. обрезаемого изображения или белых границ на двух сторонах фотографии, чтобы компенсировать разницу. Большинство профессиональных лабораторий используют систему заказа, такую ​​как ROES, которая будет иметь предварительный просмотр, чтобы вы могли расположить свое изображение для желаемого урожая, но все же важно изучить эту концепцию по ряду причин.

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

А теперь давайте посмотрим, как при фактическом соотношении сторон и разных размерах можно обрезать изображение:

Прикрепите его

И, наконец, как мы будем использовать инструмент кадрирования, чтобы изменить соотношение сторон:

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

И главный вопрос: «Как мне избежать обрезки части изображения при заказе определенных размеров?»? Ответ — просто снимайте «шире»… оставляйте передышку при съемке.Когда вы сделаете это, вы убедитесь, что никакая часть вашего объекта не будет обрезана, если у вас будет отпечаток с соотношением сторон, отличным от соотношения сторон сенсора вашей камеры. Это особенно важно при работе с клиентами. Когда ваш клиент влюбляется в изображение и хочет заказать распечатку 16 × 20 (потому что он уже заказал рамку для пятна на стене, и это пятно просто идеально подходит для печати этого размера), вы, конечно, не хотите застрять, объясняя, что его нельзя заказать, потому что вы не оставили достаточно места при съемке.Лично мне потребовалось некоторое время, чтобы привыкнуть к такой съемке, потому что я люблю необычные кадры и плотное кадрирование, а также люблю делать кадрирование в камере. Но у меня была сессия или две, когда из-за узкого кроя я столкнулся с проблемами, потому что у меня не было места для маневра, чтобы заказать отпечатки с разными пропорциями. Итак, позвольте вашим объектам немного подышать в кадре, используйте удобную таблицу выше, и все будет в порядке! Не стесняйтесь поделиться со своими клиентами, чтобы они лучше понимали, почему изображение, которое они заказывают, может быть немного по-разному обрезано в зависимости от размера заказанного отпечатка.

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

Теги: Соотношение сторон, Обрезка, уроки по фотошопу, Учебник

Соотношение сторон (и как его выбрать)

Загляните в Instagram, и вы заметите, что фотографии в вашей сетке аккуратно однородны в квадратах 1: 1.Откройте YouTube, и вы увидите широкоформатную прямоугольную фигуру с соотношением сторон 16: 9.

Экраны, изображения и рамки имеют узнаваемые формы, а соотношение сторон — это термин, используемый для описания фиксированных пропорций этих форм. Проще говоря, соотношение сторон изображения — это соотношение между его шириной и высотой. Соотношения сторон обычно представлены двумя числами, разделенными двоеточием, например X: Y или 4: 3. Чаще всего они используются при описании фильма.

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

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

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

Сначала давайте рассмотрим основы: соотношение сторон — это то, насколько большая ширина изображения по сравнению с его высотой, без каких-либо пикселей или единиц измерения. Хотя соотношение сторон изображения поможет вам понять его форму, оно не определяет фактический размер изображения. Для соотношения сторон X: Y x — ширина изображения, а y — высота изображения.

Формула соотношения сторон

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

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

Стандартные соотношения сторон

Вот наиболее распространенные соотношения сторон:

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

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

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

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

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

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

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

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

Соотношение сторон в дизайне

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

Многие обычные устройства имеют одинаковое соотношение сторон, даже если они имеют разные размеры. Чтобы помочь, Materialdesign.io включает соотношение сторон обычных устройств, включая ноутбуки, умные часы, планшеты и телефоны. Например, Apple Watch имеет соотношение сторон 5: 4, а iPad — 4: 3, а MacBook Pro — 16: 9 и 16:10 в зависимости от версии.

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

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

В Интернете можно найти несколько бесплатных калькуляторов соотношения сторон:

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

«Мне всегда приходилось говорить моей команде разработчиков, чтобы видео соответствовало размеру страницы», — говорит Вагнер. «Это гарантирует, что соотношение сторон будет заблокировано даже при уменьшении масштаба браузера».

Убедитесь, что ваши заметки (например, заблокированные соотношения сторон!) Четко передаются разработчикам с помощью спецификаций.

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

Оцените характеристики сегодня

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

Одной из серьезных проблем при создании цифровых изображений является соотношение сторон и кадрирование для печати. Мало того, что есть тысячи способов сделать снимок, но и все оборудование не одинаково. Вы можете даже не знать, в каком соотношении сторон снимает ваша камера? 3: 2 или 4: 3?

Какое соотношение сторон у отпечатка 4 × 6?

• Соотношение сторон печати 4 × 6 составляет 3: 2
• Соотношение сторон печати 5 × 7 составляет 7: 5
• Соотношение сторон изображения 8 × 10 составляет 5: 4

3: 2 — это соотношение сторон 35-миллиметровых пленочных фотоаппаратов, которое перенесено на большинство зеркальных фотокамер.Компактные цифровые фотоаппараты и смартфоны используют формат 4: 3.

Соотношение сторон выражается двумя числами, разделенными двоеточием (x: y). Распространенное заблуждение состоит в том, что x и y представляют собой фактическую длину и высоту. Это неверно; они фактически представляют отношение между шириной и высотой.

Здесь мы предоставляем краткую памятку с типичными размерами печати, пикселями, необходимыми для четкой печати, и соотношением сторон для полнокадровой печати.
Если ваша фотография была сделана с соотношением сторон 3: 2, вам не нужно обрезать отпечаток 4 × 6.

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

Не паникуйте! Загрузите фотографии как есть, выберите размер печати, и наше программное обеспечение поможет вам обрезать их по размеру.

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

Подробнее о соотношении сторон на нашем веб-сайте: www.persnicketyprints.com/tip-aspect-ratio/

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

РЕКОМЕНДАЦИИ ПО СООТНОШЕНИЮ СМАРТФОНА

iPhone

IPhone

(iOS 12) не предлагает возможности изменить соотношение сторон при фотосъемке.Соотношение сторон установлено на стандартное соотношение 4: 3.

ANDROID

Соотношение сторон вашей камеры может быть установлено на 9:16, это отлично подходит для широкоформатного видео… не для стандартных распечаток. Вы можете обнаружить большое количество кадрирования при съемке с широким углом 9:16 или с настройкой «полный».

Мы рекомендуем изменить настройки камеры на стандартное 4: 3 и обрезать при размещении заказа.

Руководство по размеру и соотношению в Facebook (+ бесплатная инфографика!)

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

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

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

Размер изображения Facebook и соотношение сторон: в чем разница?

При публикации изображений в Facebook следует учитывать два основных момента: соотношение сторон и размер.

А в чем разница?

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

Соотношение сторон относится к ширине фотографии по отношению к ее высоте.Он выражается в виде отношения, например 1: 1 или 9:16, где первое число представляет ширину, а второе — высоту.

Например, для Facebook Stories — 9:16, а для обложки Facebook — 16: 9.

Размер

Размер (или разрешение) относится к масштабу фото или видео. Для цифровых изображений это обычно измеряется количеством пикселей в изображении, которое записывается как ширина x высота.

Например, изображение размером 1080 x 1080 пикселей намного больше, чем изображение размером 50 x 50 пикселей.

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

Таким образом, даже если вы загрузите фотографию с шириной 1080 пикселей, изображение, отображаемое на Facebook, будет сжато до меньшего размера.

Итак, если Facebook автоматически сжимает ваши фото и видео, имеет ли значение размер изображения?

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

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

Готовы чаще публиковать сообщения в Facebook? Во всех планах «Позже» вы можете запланировать и запланировать целую неделю публикаций в Facebook за один присест!

Руководство по размеру Facebook # 1: Посты с фотографиями в ленте

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

Для оптимального просмотра на мобильных устройствах лучше всего использовать вертикальные изображения с соотношением сторон 4: 5 и 1200 x 1500 пикселей.

Для квадратных изображений выберите разрешение 1080 x 1080 пикселей. А для вертикальных изображений используйте 1200 x 1500 пикселей.

Поддерживаемые соотношения: 1.91: от 1 до 4: 5

Рекомендуемое соотношение: 4: 5

Рекомендуемый размер: 1200px x 1500px

Как запланировать ваши публикации в ленте Facebook с более поздними версиями

If вы управляете социальными сетями для бренда или бизнеса, вы знаете, насколько полезно (и экономит время!) заранее планировать и планировать свой контент.

С помощью Later вы можете легко запланировать публикации Facebook на своей бизнес-странице Facebook за несколько простых шагов. Это так же просто, как перетаскивание.

Шаг № 1: Перейти в календарь позже

Шаг № 2: Выберите свою страницу Facebook вверху

Шаг № 3: Перетащите медиафайлы, которые вы хотите запланировать, в свой календарь

Шаг # 4: Отредактируйте сообщение

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

Шаг № 5: Установите дату и время для публикации

Шаг № 6: Нажмите «Сохранить» в запланированной публикации. Ваш пост будет автоматически опубликован на вашей бизнес-странице Facebook в выбранную дату и время.

Начните планировать свой контент для всех платформ социальных сетей с помощью Later — это бесплатно!

Руководство по размеру в Facebook # 2: Посты с видео

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

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

Чтобы обеспечить более приятную и удобную работу вашей аудитории на мобильных устройствах, выберите соотношение сторон 9:16.

Квадратные видеоролики должны соответствовать соотношению 1: 1 и иметь размер, максимально приближенный к разрешению 1080 на 1080x.

И, наконец, для горизонтального видео выберите соотношение 16: 9.

Поддерживаемые соотношения: 1.91: 1 до 4: 5

Рекомендуемое соотношение: 4: 5

Рекомендуемый размер: 1080px x 1350px

Максимальная длина: 240 минут

1 секунда

Размер видеофайла: 4 ГБ макс.

Руководство по размеру Facebook # 3: Истории Facebook

Как и истории в Instagram, в истории Facebook используется соотношение сторон 9:16 и размеры 1080 x 1920 пикселей.

При создании историй Facebook оставьте около 14% (или 250 пикселей) пространства вверху и внизу изображения, так как эта область закрывается спонсируемой меткой и призывом к действию на экране.

Поддерживаемые соотношения: 1,91: от 1 до 4: 5

Рекомендуемое соотношение: 9:16

Рекомендуемый размер: 1920px x 1080px

Руководство по размеру Facebook # 4: Фото на обложке000 9 Создавая страницу, группу или событие Facebook, подумайте о том, как ваша страница выглядит в верхней части страницы.Если у вас есть захватывающие изображения и текст в верхней части страницы, у вас будет больше шансов привлечь подписчиков с первого взгляда.

Фотографии на обложке выглядят по-разному на мобильных устройствах и на компьютерах: на мобильных устройствах они выше — 640 x 360 пикселей, а на настольных компьютерах — шире — 820 x 312 пикселей.

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

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

ПРИМЕЧАНИЕ: При выборе обложки для своей персональной страницы помните, что изображение вашего профиля перекрывается в нижней средней части изображения.

Для Business Pages изображение обложки практически непрерывно, поэтому вам не нужно об этом беспокоиться.

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

Facebook Business Page

Рекомендуемое соотношение: 16: 9

Рекомендуемый размер: Минимум 820px x 360px

Facebook Events

Рекомендуемое соотношение

008

16: 9 : Минимум 1200px x 628px

Группы Facebook

Рекомендуемое соотношение: 16: 9

Рекомендуемый размер: Минимум 1640px x 856px

Руководство по размеру Facebook # 5: Реклама

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

Без правильного размера и соотношения вы рискуете упустить просмотры и взаимодействие, поскольку Facebook не оптимизирует ваш пост, если он не соответствует их правилам.

Вот все, что вам нужно знать:

# 1: Facebook Feed Photo Ads

Photo Ads предлагает чистый и простой формат, чтобы донести ваше сообщение.

Для объявлений с изображениями в ленте Facebook Facebook рекомендует использовать размер изображения 1200 x 628 пикселей и 1080 x 1080 пикселей для квадратного изображения.Для изображений со ссылкой они рекомендуют использовать квадратное изображение 1: 1.

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

СОВЕТ: Используйте ограниченный текст в своих объявлениях — Facebook рекомендует минимизировать количество текста в объявлении.

Поддерживаемые соотношения: 1.91: от 1 до 4: 5

Рекомендуемое соотношение: 4: 5

Рекомендуемый размер: 1200px x 1500px

# 2: Facebook Video Ads

For Facebook Video Ads , неважно, реклама это в правом столбце или реклама в фиде, вы всегда можете рассчитывать на что-то в пределах от 9:16 до 16: 9.

Для достижения наилучших результатов Facebook рекомендует загружать файлы с максимально возможным разрешением с ограничением размера файла 4 ГБ.

Поддерживаемые соотношения: 1.91: 1 до 4: 5

Рекомендуемое соотношение: 4: 5

Рекомендуемый размер: 1080px x 1350px

Максимальная длина: 240 минут

1 секунда

Размер видеофайла: 4 ГБ макс.

# 3: Объявления в правом столбце Facebook

Эти объявления отображаются только на рабочем столе и обычно появляются в правом столбце страниц.

Поддерживаемые соотношения: 1,91: 1 к 1: 1

Рекомендуемое соотношение: 1: 91: 1

Рекомендуемый размер: 1200px x 627px

# 4: Instant Article Ads Мгновенная реклама статей — это более быстрый способ для пользователей Facebook распространять контент, который они уже создают на своем веб-сайте.

Поддерживаемые соотношения: 1.91: 1 до 9:16

Рекомендуемое соотношение: 1.91: 1

Рекомендуемый размер: 1200px x 628px

# 5: Формат объявлений карусели

Facebook позволяет добавлять до 10 фотографий в одно объявление.

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

Поддерживаемые соотношения: 1.91: 1 до 9:16

Рекомендуемое соотношение: 1: 1

Рекомендуемый размер: 1080px x 1080px

Как легко изменить размер ваших постов в Facebook с более поздними версиями

вы знаете, что можете легко изменить размер вашей фотографии с помощью встроенного инструмента обрезки Later?

Загрузите свою фотографию в медиатеку Later на настольном или мобильном устройстве и создайте сообщение.

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

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

Готовы начать публикацию в Facebook? Присоединяйтесь к более позднему времени, чтобы планировать, предварительно просматривать и планировать свои публикации в Facebook бесплатно с помощью Later.

Нравится это сообщение? Приколи это! ????

* Технические характеристики предоставлены Facebook *

Автор

Джессика Ворб

Джессика занимается решением творческих проблем и автором содержания.Джессика из Виннипега, города в центре Канады, но в настоящее время живет и работает удаленно в Париже, Франция. Следите за новостями на @jessicaworb.

Объяснение соотношения сторон | Framer Design Dictionary

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

Иногда соотношение сторон может быть выражено другими способами (например, 16×9 или 4×3). Однако следует избегать таких нестандартных форм указания соотношения сторон, так как они потенциально могут привести к путанице. Основная причина этого заключается в том, что, выражая соотношение сторон не в обычном формате X: Y, числа могут быть ошибочно приняты за измерения. И важно подчеркнуть, что концепция соотношения сторон полностью не зависит от реальных размеров. Действительно, очень маленькое изображение на практике может иметь точно такое же соотношение сторон, что и очень большое, и наоборот.

Запутались? Что ж, это может помочь думать о соотношении сторон как о рецепте коктейля. Например, простая маргарита может состоять из 3 частей текилы, 2 частей тройной секунды и 1 части сока лайма. На практике это означает, что все, что вы добавляете в сок лайма, должно быть в два раза больше тройной секунды и в три раза больше текилы.

Если вы готовите одну маргариту, это может быть просто сок одного лайма; за которым следуют его эквиваленты x2 и x3 в других ингредиентах.Но если вы смешиваете целую кучу маргариты, это может быть сок из десяти лаймов — снова умноженный на х2 и х3 для других ингредиентов. Количество может меняться, но если вы хотите, чтобы ваш большой чан с маргаритой по вкусу не уступал единичному, соотношение ингредиентов всегда должно оставаться неизменным.

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

Для полной ясности: квадратное изображение имеет соотношение сторон 1: 1 — его ширина и высота абсолютно одинаковы. Таким образом, если ширина равна 1 пикселю, высота также будет 1 пиксель. Но если ширина 12 дюймов, высота будет 12 дюймов. И так далее. Другой простой пример — соотношение сторон 3: 2, которое часто встречается при фотосъемке. Здесь высота составляет две трети ширины, поэтому изображение размером 12 дюймов по самой длинной стороне будет иметь высоту 8 дюймов. Если вместо этого он измеряет 60 дюймов на своей самой длинной стороне, другая сторона будет иметь размер 40 дюймов.Совершенно разные размеры; такое же соотношение сторон.

Вам понравился этот пост?

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

Стандартные соотношения

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

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

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

Соотношение сторон в фильмах, ТВ и видео

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

Cinema

В первые дни безмолвного кино часто использовалось соотношение 4: 3 — соотношение сторон, которое в настоящее время не пользуется популярностью в кинопроекциях, но остается популярным в видео даже сегодня.Тем не менее, вероятно, наиболее распространенные форматы изображения, используемые в настоящее время для проецирования фильмов в кинотеатрах, составляют 1,85: 1 и 2,39: 1.

TV

Стандартные соотношения сторон экрана, используемые для телевидения, не только менялись с течением времени, но и значительно варьировались между географическими регионами. Например, в США стандартное соотношение сторон экрана долгое время составляло 4: 3. Однако в Японии 5: 3 использовалось много лет до преобразования в 16: 9; который в настоящее время является международным стандартом как для HDTV, так и для не-HDTV во многих странах мира.

Видео

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

. и видео, посмотрите это увлекательное объяснение на YouTube.

Соотношение сторон для веб-дизайна

Изображения-герои и рекламные баннеры

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

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

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

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

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

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

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

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

При этом существует ряд стандартных фотографических соотношений, которые остаются неизменно популярными на протяжении многих десятилетий. Из них наиболее часто встречаются 4: 3, 16: 9 и 3: 2. Хотя 3: 2 было соотношением сторон 35-миллиметровой пленки, сегодня 3: 2 также часто встречается во многих цифровых камерах потребительского и профессионального уровня — как в «полнокадровых», так и в некоторых моделях с «обрезанными» сенсорами. Точно так же несколько форматов изображения среднего формата для аналоговой фотографии перешли и в цифровую фотографию.

Соотношение сторон компьютерных мониторов и устройств

На рубеже тысячелетий большинство компьютерных мониторов использовали соотношение сторон 4: 3. К 2008 году, однако, соотношение сторон 16:10 (также выражаемое как 8: 5) стало наиболее распространенным для ЖК-мониторов и дисплеев портативных компьютеров. Однако популярность формата 16:10 была недолгой, и к 2010 году его заменило соотношение сторон 16: 9.

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

Социальные сети: Twitter, TikTok, Instagram и YouTube Соотношение сторон

Рост популярности IGTV в сочетании с историческим предпочтением Instagram формата квадратных фотографий в последние годы сделали соотношение сторон 1: 1 очень популярным для видео. Мало того, что 1: 1 теперь является обычным для видео в Instagram, сегодня 1: 1 также поддерживается несколькими другими социальными сетями, такими как Twitter и Facebook video.

TikoTok также предлагает пользователям возможность загружать видео с соотношением сторон 1: 1, наряду с более традиционным соотношением сторон 16: 9 (и действительно 9:16 для вертикальных видео). Между тем, понимание соотношения сторон YouTube остается намного менее сложным, поскольку все видео YouTube имеют стандартное соотношение сторон 16: 9.

Обрезка и изменение размера

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

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

Хотя это требует больше времени, чем простое копирование окна изображения с перетаскиванием в InDesign, программы редактирования изображений, такие как Photoshop, тем не менее предлагают удобные инструменты для изменения размера изображения до определенного соотношения сторон или набора размеров.Хотя инструменты изменения размера различаются в зависимости от программного обеспечения, большинство приложений для редактирования фотографий позволяют изменять размер изображения, сохраняя соотношение сторон. При изменении размера ищите символ «звено цепи» в строке меню.

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

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

Последние мысли

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